css制作圆角矩形
想知道如何使用css制作圆角矩形吗?
操作方法
- 01
新建html页面,在html页面创建div标签。如图:
- 02
创建圆角样式。创建圆角的样式class类,在div标签中引用class类。如图:
- 03
查看效果。保存html文件后,使用浏览器打开即可看到效果。如图:
- 04
所有代码: <!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>圆角矩形</title> <style type="text/css"> .fillet{ width: 100px; height: 30px; border:1px solid red; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } </style></head><body> <div></div></body></html>
赞 (0)