扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
这篇文章主要介绍css边框变圆角边框怎么实现，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！
成都创新互联公司于2013年开始，是专业互联网技术服务公司，拥有项目成都网站制作、成都做网站网站策划，项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命，1280元弓长岭做网站,已为上家服务,为弓长岭各地企业和个人服务,联系电话:18982081108
写法：1、给边框添加“border-radius:圆角值;”样式统一设置圆角大小；2、添加“border-top-left-radius:圆角值;”、“border-top-right-radius:圆角值;”等样式分别设置四角圆角大小。
本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
圆角边框（border-radius）的基本用法：border-radius 属性是一个简写属性，用于设置四个圆角的属性。
圆角边框的最基本用法就是设置四个相同弧度的圆角
border-top-left-radius：30px； //左上角 border-top-right-radius：30px； //右上角 border-bottom-left-radius：30px； //右下角 border-bottom-right-radius：30px； //左下角
如果这四个弧度的圆角相同，可以写成：
border-radius：30px；
例子：