1.浏览器前缀
(1)-webkit- (webkit、chrome、Safari)
(2)-moz-(Firefox)
(3)-ms-(Internet explorer)
(4)-o-(opera)
推荐在最后写上一条无前缀的声明!
2.为元素创建圆角(border-radius)
(1)为元素创建相同的四个圆角:-webkit-border-radius:10px;
(2)为元素创建一个圆角:-webkit-border-top-left-radius:10px;//创建左上角的圆角
-moz-border-radius-topleft:10px;
(3)为元素创建椭圆形圆角:-webkit-border-radius:x/y;//x:原角在水平方向上的半径大小 y:原角在垂直方向上的大小
(4)为元素创建圆形圆角:-webkit-border-radius:r;//r:元素的半径大小,r的值应该等于元素高度或宽度的一半。
现在,所有新版本的浏览器都支持无前缀的border-radius属性。
时间: 2024-09-30 12:52:28