background标签及其属性

与background相关的标签及其属性

1、background-color 背景颜色

        background-color:red;

        background-color:#ff0000;

2、background-image 背景图片

        background-image:url(../images/pic.jpg);

3、background-repeat 背景图片的重复方式

background-repeat：repeat;

background-repeat:no-repeat;

background-repeat:repeat-x;

background-repeat:repeat-y;

4、background-attachment 背景图像随滚动轴的移动方式

background-attachment:scroll;

background-attachment:fixed;

5、background-position 背景图片的位置

  1)水平方向

left center right

  2）垂直方向

top center bottom

  3）组合

x-% y-%

x-px y-px

例如：

         background-position:30px 40px;

 background-position:center top;

     最后background的组合方式：

       background:#ff0000 url(../images/pic.jpg) no-repeat -50px 50px;