Dreamweaver 教程-CSS背景屬性(background)

1.背景顏色屬性(background-color)

 body { background-color:red  ;}

2.背景圖片(background-image)

 body { background-image:url(http://www.xiazaiba.com/images/logo.gif);}

如你所見(jiàn)，默認(rèn)情況下背景圖片會(huì)不斷重復(fù)，直到布滿整個(gè)網(wǎng)頁(yè)，下面我們來(lái)看看如何用CSS控制背景圖片的重復(fù)。

3.背景圖片的重復(fù)設(shè)置(background-repeat)

(1)不重復(fù)

 body { background-image:url(http://www.xiazaiba.com/images/logo.gif);
     background-repeat:no-repeat; }

(2)水平方向重復(fù)

 body { background-image:url(http://www.xiazaibaba.com/images/logo.gif);
     background-repeat:repeat-x;}

(3)垂直方向重復(fù)

   body { background-image:url(http://www.xiazaiba.com/images/logo.gif);
     background-repeat:repeat-y;}

4.背景圖片位置(background-position)

   body { background-image:url(http://www.xiazaiba.com/images/logo.gif);
     background-position:center;
     background-repeat:no-repeat;}

5.將背景圖片固定在某個(gè)位置(background-attachment)

該屬性可以定義背景圖片是否隨著滾動(dòng)條的滾動(dòng)而改變位置。

 body { background-image:url(http://www.xiazaiba.com/images/logo.gif);
   background-attachment:fixed;
   background-repeat:no-repeat }