css如何让div成圆的
圆角边框可以使用百分比作为单位,比如:将一个正方形的圆角边框设置为50%,那么就会形成一个圆,不过使用百分比与像素并不能等效。
注意:百分比大于50%后,形状就不会再变化了,圆角的半径不能超过宽/高的一半
例子:
css部分:
.box1{
width:200px;
height:200px;
margin: 30px auto;
border: 2px solid #e4007e;
text-align: center;
line-height: 200px;
font-weight: bold;
font-size: 24px;
background: burlywood;
border-radius: 50%;//圆角百分比
}
html部分:
这是一个圆
以上就是css如何让div成圆的的详细内容,更多请关注毛票票其它相关文章!
热门推荐
10 毕业写给学校简短祝福语
11 高考前放松祝福语简短
12 元旦感恩祝福语简短大全
13 恭喜生孩子祝福语简短
14 男孩中考蛋糕祝福语简短
15 感恩跨年祝福语大全简短
16 企业新春祝福语简短大全
17 老师给家长祝福语简短
18 周末祝福语简短有内涵