css3基本属性
2015-07-27 09:15
453 查看
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属性。
(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属性。
相关文章推荐
- 多列布局自适应法则
- 学习Html和css的神级工具sublim
- CSS和JS的一些小认识
- CSS样式表
- 引用js或css后加?v= 版本号的用法
- CSS透明技巧概总
- js的element.style.xx只能获取内联样式的问题
- 样式和主题
- 表单的CSS设计
- CSS精灵
- CSS元素分类
- CSS盒子模型
- HTML+CSS学习笔记(一)——网页布局
- CSS盒子模型
- 怎么改变Extjs控件的样式(字体颜色、背景颜色等)
- CSS3:nth-child(n)与nth-child(2n+1)中n的区别。
- 纯CSS实现三列布局(两边固定,中间自适应)
- CSS3中li元素自动横向排列、多栏div自动横向排列的简单方法
- 关于css布局
- 详解用CSS3制作圆形滚动进度条动画效果