css背景屬性介紹.doc

《css背景屬性介紹.doc》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫(kù)。

1、CSS背景屬性背景顏色屬性(background-color)這個(gè)屬性為HTML元素設(shè)定背景顏色，相當(dāng)于HTML中bgcolor屬性。body{background-color:#99FF00;}上面的代碼表示Body這個(gè)HTML元素的背景顏色是翠綠色的。演示示例body{background-color:#99FF00;}

這個(gè)HTML使

2、用了CSS的background-color屬性，將HTML的背景顏色變成翠綠色。

背景圖片屬性(background-image)這個(gè)屬性為HTML元素設(shè)定背景圖片，相當(dāng)于HTML中background屬性。上面的代碼為Body這個(gè)HTML元素設(shè)定了一個(gè)背景圖片。演示示例

這個(gè)HTML使用了CSS的background-image屬性，設(shè)置了背景圖片。

這個(gè)HTML使用了CSS的background-image屬性，設(shè)置了背景圖片。背景重復(fù)屬性(background-repeat)這個(gè)屬性和background-image屬性連在一起使用，決定背景圖片是否重復(fù)。如果只設(shè)置

4、background-image屬性，沒(méi)設(shè)置background-repeat屬性，在缺省狀態(tài)下，圖片既橫向重復(fù)，又豎向重復(fù)?！epeat-x背景圖片橫向重復(fù)·repeat-y背景圖片豎向重復(fù)·no-repeat背景圖片不重復(fù)body{background-image:url(../images/css_tutorials/background.jpg);background-repeat:repeat-y}上面的代碼表示圖片豎向重復(fù)。演示示例body{background-image:url(../images/css_tutorials/background.jpg);background-repeat:repeat-y}

這個(gè)HTML使用了CSS的background-repeat屬性，使背景圖片豎向重復(fù)。

常用的background-repeat的屬性值有:repeat-x(橫向重復(fù))，repeat-x(橫向重復(fù)),no-repeat

6、(不重復(fù))。

background-repeat屬性要和background-image一起用。

7、ckground-image屬性連在一起使用，決定圖片是跟隨內(nèi)容滾動(dòng)，還是固定不動(dòng)。這個(gè)屬性有兩個(gè)值，一個(gè)是scroll，一個(gè)是fixed。缺省值是scroll。body{background-image:url(../images/css_tutorials/background.jpg);background-repeat:no-repeat;background-attachment:fixed}上面的代碼表示圖片固定不動(dòng)，不隨內(nèi)容滾動(dòng)而動(dòng)。演示示例body{background-image:url(../images/css_tutorials/background.jpg);background-repeat:no-repeat;background-attachment: