border-radius:100px / 10px;这个“/”是啥意思?
X轴与Y轴缩进量之比
转载:http://blog.sina.com.cn/s/blog_61671b520101gelr.html
希望对您有帮助。
前面的值设置其水平半径,“/”后面值设置其垂直半径。两个值相同就是圆角
border-radius: 100px 10px;等同于如下:
border-top-left-radius: 100px;
border-top-right-radius: 10px;
border-bottom-right-radius: 100px;
border-bottom-left-radius: 10px;
border-radius: 100px / 10px;等同于如下:
border-top-left-radius: 100px 10px;
border-top-right-radius: 100px 10px;
border-bottom-right-radius: 100px 10px;
border-bottom-left-radius: 100px 10px;
border-top-left-radius: 100px 10px;
border-top-right-radius: 100px 10px;
border-bottom-right-radius: 100px 10px;
border-bottom-left-radius: 100px 10px;