css3 背景图 边框样式
2013-09-06 09:21
465 查看
box-shadow:0 1px 1px #f6f6f6;
-moz-box-shadow:0 1px 1px #f6f6f6;
-webkit-box-shadow:0 1px 1px #f6f6f6;
background: #ff6501;
background-image: -webkit-gradient(linear, left top, left bottom, from( #ffa201 ), to( #ff6501 )); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient( #ffa201 , #ff6501 ); /* Chrome 10+, Saf5.1+ */
background-image: -moz-linear-gradient( #ffa201 , #ff6501 ); /* FF3.6 */
background-image: -ms-linear-gradient( #ffa201 , #ff6501 ); /* IE10 */
background-image: -o-linear-gradient( #ffa201 , #ff6501 ); /* Opera 11.10+ */
background-image: linear-gradient( #ffa201 , #ff6501 );
background-image: linear-gradient('/Images/Core/mbcen.png');
background-image: -o-linear-gradient('/Images/Core/mbcen.png');
background-image: url('/Images/Core/mbcen.png');
background-image: -webkit-linear-gradient('/Images/Core/mbcen.png');
background-image: -ms-linear-gradient('/Images/Core/mbcen.png');
background-image: -webkit-gradient('/Images/Core/mbcen.png');
border-style:solid;
-webkit-border-image:url(../images/back.png) 0 8 0 20 stretch stretch;
-moz-border-image:url(../images/back.png) 0 8 0 20 stretch stretch;
-o-border-image:url(../images/back.png) 0 8 0 20 stretch stretch;
-ms-border-image:url(../images/back.png) 0 8 0 20 stretch stretch;
border-image:url(../images/back.png) 0 8 0 20 fill stretch stretch;
注意此处不能增加背景颜色:background-color,否则显示的是背景色
-moz-box-shadow:0 1px 1px #f6f6f6;
-webkit-box-shadow:0 1px 1px #f6f6f6;
background: #ff6501;
background-image: -webkit-gradient(linear, left top, left bottom, from( #ffa201 ), to( #ff6501 )); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient( #ffa201 , #ff6501 ); /* Chrome 10+, Saf5.1+ */
background-image: -moz-linear-gradient( #ffa201 , #ff6501 ); /* FF3.6 */
background-image: -ms-linear-gradient( #ffa201 , #ff6501 ); /* IE10 */
background-image: -o-linear-gradient( #ffa201 , #ff6501 ); /* Opera 11.10+ */
background-image: linear-gradient( #ffa201 , #ff6501 );
background-image: linear-gradient('/Images/Core/mbcen.png');
background-image: -o-linear-gradient('/Images/Core/mbcen.png');
background-image: url('/Images/Core/mbcen.png');
background-image: -webkit-linear-gradient('/Images/Core/mbcen.png');
background-image: -ms-linear-gradient('/Images/Core/mbcen.png');
background-image: -webkit-gradient('/Images/Core/mbcen.png');
border-style:solid;
-webkit-border-image:url(../images/back.png) 0 8 0 20 stretch stretch;
-moz-border-image:url(../images/back.png) 0 8 0 20 stretch stretch;
-o-border-image:url(../images/back.png) 0 8 0 20 stretch stretch;
-ms-border-image:url(../images/back.png) 0 8 0 20 stretch stretch;
border-image:url(../images/back.png) 0 8 0 20 fill stretch stretch;
注意此处不能增加背景颜色:background-color,否则显示的是背景色
相关文章推荐
- CSS3背景与边框相关样式
- CSS3——新增背景属性和边框样式
- css3背景与边框相关样式
- CSS3学习(六)盒子、背景、边框新样式
- CSS3下不一样的阴影、背景和圆角边框样式
- CSS3基础(2)—— 文字与字体相关样式、盒子类型、背景与边框相关样式、变形处理、动画功能
- CSS3系列三(与背景边框相关样式 、变形处理、动画效果)
- CSS3基础(2)—— 文字与字体相关样式、盒子类型、背景与边框相关样式、变形处理、动画功能
- CSS3背景与边框相关样式 CSS3中的变形处理 CSS3中的动画功能
- CSS3背景与边框相关样式
- Css3新特性总结之边框与背景(二)
- Css3 常用选择器 背景 边框 渐变
- css解决select不能被遮盖和不能设置边框背景补白等样式的问题
- css3中边框的4种样式
- CSS:表格样式(设置表格边框/文字/背景的样式)
- CSS边框、背景、文本样式
- css3实现边框圆角样式
- CSS3的边框有4种样式:
- CSS3 背景和边框