css3 背景图边框样式

最新推荐文章于 2024-08-24 10:33:39 发布

qinxueqian

最新推荐文章于 2024-08-24 10:33:39 发布

阅读量939

点赞数

分类专栏： Css

本文链接：https://blog.csdn.net/qinxueqian/article/details/11192059

版权

Css 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

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，否则显示的是背景色