css背景屬性介紹

《css背景屬性介紹》由會員上傳分享，免費在線閱讀，更多相關內容在行業(yè)資料-天天文庫。

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

這個HTML使用了CSS的backgr

2、ound-color屬性，將HTML的背景顏色變成翠綠色。

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

3、tyle="background-image:url(../images/css_tutorials/background.jpg)">

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

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

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

5、image:url(../images/css_tutorials/background.jpg);background-repeat:repeat-y}

這個HTML使用了CSS的background-repeat屬性，使背景圖片豎向重復。

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

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

6、body>這個HTML使用了CSS的background-repeat屬性，使背景圖片豎向重復。常用的background-repeat的屬性值有:repeat-x(橫向重復)，repeat-x(橫向重復),no-repeat(不重復)。background-repeat屬性要和background-image一起用。背景附著屬性(background-attachment)這個屬性和background-image屬性連在一起使用，決定圖片是跟隨內容滾動，還是固定不動。這個屬性有兩個值，一個是scroll，一個是fixed。缺省

7、值是scroll。body{background-image:url(../images/css_tutorials/background.jpg);background-repeat:no-repeat;background-attachment:fixed}上面的代碼表示圖片固定不動，不隨內容滾動而動。演示示例body{background-image:url(../images/css_t

8、utorials/background.jpg);background-repeat:no-repeat;background-attachment: