您的位置:首页 > Web前端 > CSS

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,否则显示的是背景色
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: