css3如何用div实现圆角效果

css3如何用div实现圆角效果

Css要实现圆角效果还是很简单的,只需要使用border-radius就可以搞定

div {
border-radius: 10px;
}

其中10px是圆角的半径,你可以根据需要来调整值,实现不同的效果。
另外border-radius还可以分别设置四个角的半径弧度

div {
border-top-left-radius: 10px;
border-top-right-radius: 20px;
border-bottom-left-radius: 30px;
border-bottom-right-radius: 40px;
}

你只需要设置一个合适的数值就可以得到你想展现的效果。

给TA打赏
共{{data.count}}人
人已打赏
网站知识

html怎么设置div内容溢出滚动效果

2023-11-8 8:59:19

网站知识

html颜色代码对照表大全

2023-11-8 9:52:50

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧