当前位置: 沐风博客 >> 网页设计 >>正文 沐风博客,提供微信公众号阅读量、视频号点赞等服务,微信或者QQ联系

div圆角边框的css写法

重点导读:大家可以把本文的css代码加到div的样式表里面就行了,至于圆角的弧度等可以自己修改,另外也可以单独设置四个角的某两个角,总之大家灵活运用吧。
发布人:沐风 - 更新时间:2021-12-10 08:33:51 - 地址:http://www.tangmengyun.com/seo/2243.html - 浏览:4205

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


互联网时代,搜索引擎/微信公众号/抖音/电商平台等给我们带来了诸多机遇,如何才能更好的把握,这就需要我们掌握必要的知识和技能!沐风博客分享SEO等网络营销推广技术和资讯,帮助大家更好的在互联网发展! - ICP备案号 湘ICP备2022004497号