关于CSS圆弧角百分比形式

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

 

例如:

关于CSS圆弧角百分比形式
 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 就变成了椭圆说明代码
说明代码

 

关于CSS圆弧角百分比形式

上一篇:HTML复习 (16.列表样式)


下一篇:25 CSS3盒子模型