html css div圆角边框,div圆角边框的css写法

div圆角边框的css写法

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

有朋友看到沐风工作室网站首页上有个圆角的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的样式表里面就行了，至于圆角的弧度等可以自己修改，另外也可以单独设置四个角的某两个角，总之大家灵活运用吧。

本文标签：css

这篇关于“div圆角边框的css写法”的文章已帮助 712 人，希望也能帮到你！

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

责任编辑:沐风 | 发布时间:2020年08月25日14点52分27秒 |

本文永久地址为 http://www.tangmengyun.com/seo/2243.html