当前位置：沐风博客 / 网页设计 / 正文

div圆角边框的css写法

发布时间：2021年12月10日 08:33:51 | 责任编辑 : 沐风 | 分类 : 网页设计 | 浏览: 4009次 | 评论 0 人

有朋友看到沐风工作室网站首页上有个圆角的div，然后想知道是怎么弄出来的，其实弄div的圆角边框很简单，下面就给大家附上css代码：

style="border-radius:5px; padding:20px; font-size:16px; border:#339933 1px solid; "

说明下：

border-radius:5px：就是表示div圆角的弧度，这个数值越大，圆角越大；
border:#339933 1px solid：这个表示边框的颜色、厚度以及样式。

大家可以把本文的css代码加到div的样式表里面就行了，至于圆角的弧度等可以自己修改，另外也可以单独设置四个角的某两个角，总之大家灵活运用吧。

本站内容大部分由沐风博客原创，少部分内容来源于网络，如有侵权请与我们联系，我们会及时删除！