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

  • Post author:
  • Post category:其他


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