背景位置屬性(background-position)
為了提高http的請求速度,有時候很多都做到一張裡面,這時候就需要切圖,就用到了background-position屬性。
這個屬性和background-image屬性連在一起使用,決定了背景的最初位置。
設定或檢索物件的背景影象位置。必須先指定background-image屬性。
背景影象的左上角的座標位置是0,0。
如果要設定left座標為5px的位置,就需要背景影象向左移動5個畫素,所以就是-5。
如果要設定top座標為10px的位置,就需要背景影象向上移動10個畫素,所以就是-10。
body
上面的**表示背景的初始位置距離網頁最左面-5px,距離網頁最上面-10px。
演示示例
這個html使用了css的background-position屬性。這個屬性和background-image屬性連在一起使用,決定了背景的最初位置。
上面的**表示背景的初始位置距離網頁最左面20px,距離網頁最上面60px。
背景屬性(background)
這個屬性是設定背景相關屬性的一種快捷的綜合寫法,包括background-color, background-image,background-repeat, backgroundattachment,background-position。
body
上面的**表示,網頁的背景顏色是翠綠色,背景是background.jpg,背景不重複顯示,背景不隨內容滾動而動,背景距離網頁最左面40px,距離網頁最上面100px。
演示示例
這個屬性是設定背景相關屬性的一種快捷的綜合寫法,包括background-color, background-image, background-repeat,backgroundattachment, background-position。
這個html所用的背景屬性表示,網頁的背景顏色是翠綠色,背景是background.jpg,背景不重複顯示,背景不隨內容滾動而動,背景距離網頁最左面40px,距離網頁最上面100px。
原文:
CSS2背景屬性
background 用於設定background color,background image,background repeat,background attachemnt,background position屬性 background color 背景顏色 屬性 取值 red ff0000 ...
CSS背景屬性
背景顏色屬性 background color 這個屬性為html元素設定背景顏色,相當於html中bgcolor屬性。body 上面的 表示body這個html元素的背景顏色是翠綠色的。背景屬性 background image 這個屬性為html元素設定背景,相當於html中background...
CSS背景屬性
一 背景顏色 屬性 background color 取值 任何合法顏色或者transparent 注意 背景顏色會填充到元素的內容區域以及邊框區域 二 背景影象 作用 以圖象作為元素的背景 屬性 background image 取值 url 背景影象路徑 三 背景重複 屬性 background...