当前第2页 返回上一页
1 2 | <div style="height:75px; padding-top:25px; border:solid 4px #808080;
border-radius: 100px 100px 1005px 1005px / 25px 25px 25px 25px;">圆角边框</div>
|
效果如下：
代码示例3
1 2 | <div style="height:75px; padding-top:25px; padding-left:16px; border:solid 4px #808080;
border-radius: 50px 20px 20px 20px;">圆角边框</div>
|
效果如下：
单独指定角半径
border-top-left-radius
border-top-righr-radius
border-bottom-left-radius
border-bottom-right-radius
也可以单独指定每个角的半径。格式是
1 | border-top-left-radius (角的半径)
|
或者
1 | border-top-left-radius (角的水平半径) (角的垂直半径)
|
以上就是CSS如何实现边框圆角的详细内容，更多文章请关注木庄网络博客！
返回前面的内容
相关阅读 >>
css如何实现边框圆角
更多相关阅读请进入《边框圆角》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » CSS如何实现边框圆角
