css3background_html/css_WEB-ITnose

background是一个很重要的css属性，在css3中新增了很多内容。一方面是原有属性新增了属性值，另一方面就是新增了3个属性。

一、css3中新增属性值介绍

css2的background有5个属性，缩写如下：

background:background-color,background-image,background-repeat ,background-attachment, background-position; 

其中background-image,background-repeat和background-position在css3中都增加了新的属性值。

1、background-image

css3中background-image可以设置多个背景图片，用法：background-image:url(),url()。

对于多重背景图需要注意以下几点：

a、背景图顺序

背景图以层的形式显示，多个背景图从上往下分布，第一个背景图在最顶层，所以添加多个背景图需要注意顺序以及图片透明度。

举例：

两个div的背景图一样，顺序相反。

 div{  width: 200px;  height: 200px;  border: 5px dotted pink;  background-repeat: no-repeat;  display: inline-block;}.bg{  background-image: url(https://www.gxlcms.com/img/bg_flower.gif),url(https://www.gxlcms.com/img/bg_flower_2.gif);}.bg2{  background-image: url(https://www.gxlcms.com/img/bg_flower_2.gif),url(https://www.gxlcms.com/img/bg_flower.gif);}   
两张背景图：尺寸一样，第一张透明，第二张不透明
  


      
查看更多关于css3background_html/css_WEB-ITnose的详细内容...
        

          
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did108277