码迷,mamicode.com
首页 > Web开发 > 详细

css3基本属性

时间:2015-07-27 10:47:05      阅读:108      评论:0      收藏:0      [点我收藏+]

标签:

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属性。

 

css3基本属性

标签:

原文地址:http://www.cnblogs.com/brace/p/4679234.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!