网页学习者 发表于 2014-10-6 12:57:31

在设置背景的时候,可以用一张图来设置不同的div背景(改变background-position位....

本帖最后由 网页学习者 于 2014-10-6 13:09 编辑

在设置背景的时候,可以用一张图来设置不同的div背景(改变background-position位置)

background-positon: center top;
background-postion: right center;
background-positon:center center;

(以上这样的设置,用来更改背景图片的位置,可以这样来设置,也可以通过更改xy轴的数值大小,来进行更改)


如图



background: gray url(small.jpg) no-repeat 150px 53px ;
这个是代码的快写,大家没有必要分开写了,这样就可以的。
具体的代码如下
#test02{
                width:200px;
                height:30px;
                border:1px solid blue;
                /*background-image:url(gaga.jpg);*/
                background:gray url(gaga.jpg) no-repeat -150px 530px;
      }





页: [1]
查看完整版本: 在设置背景的时候,可以用一张图来设置不同的div背景(改变background-position位....