关于CSS圆弧角百分比形式

如果属性border-radius:50%, 采用类似的百分比的形式, 则是分别按照长和宽的像素乘以百分比

 

例如:

 1 div{
 2     width:200px;
 3     height:100px;
 4     border-radius:50%
 5 }
 6 
 7 等价于
 8 
 9 div{
10     width:200px;
11     height:100px;
12     border-radius:100px/50px;
13 }
14 
15 就变成了椭圆说明代码
说明代码

 

posted @ 2020-10-20 19:39  0龙行者0  阅读(352)  评论(0编辑  收藏  举报