CSS(Cascading Style Sheets)背景屬性

來源:互聯網
上載者:User

CSS(Cascading Style Sheets)背景屬性
背景顏色屬性(background-color)
這個屬性為HTML設定背景顏色,相當於HTML中的bgcolor屬性
例:
......

....

背景圖片屬性(background-image)
這個屬性為HTML元素設定背景的圖片,相對HTML中的background屬性

http://www.baidu.com/img/baidu_logo_rw_0908_feps.gif )">

背景重複屬性(background-repeat)
這個屬性和background-image屬性連在一起使用,決定背景圖片是否重複。如果只設定background-image屬性,沒設定background-repeat屬性,在預設狀態下,圖片既橫向重複,又豎向重複
其屬性值
repeat-x 背景圖片橫向重複
repeat-y 背景圖片豎向重複
no-repeat 背景圖片不重複
例:

http://www.baidu.com/img/baidu_logo_rw_0908_feps.gif);background-repeat:no-repeat ">

背景附著屬性(background-attachment)
這個屬性跟background-image屬性一起使用,決定圖片是跟隨內容滾動,還是固定不動,這個屬性有2個值,一個是scroll,一個是fixed,預設值的情況是scroll
例:
body {background-image:url( http://www.baidu.com/img/baidu_logo_rw_0908_feps.gif);background-repeat:no-repeat;background-attachment:fixed }

背景位置屬性(background-position)
這個屬性和background-image屬性連在一起,決定了背景圖片的初始位置
body {background-image:url( http://www.baidu.com/img/baidu_logo_rw_0908_feps.gif);background-reprat:no-repeat;background:2cm 3cm} 2CM 是初始位置距離網頁最左面 3CM是初始位置距離網頁最上面

背景屬性(background)
這個屬性是設定相關屬性的一種快捷綜合寫法,包括baskground-color,background-image,background-repeat,background-attachment,background-position.

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.