background (縮寫形式)
background-color (背景顏色)
語法:background-color: "顏色";
background-image (背景圖片)
語法:background-image: url("....");
background-repeat (背景圖重複位置)
其屬性值可以爲:repeat-x(x軸方向填充)/repeat-y(y軸方向填充)/no-repeat(不填充)三種
background-position (背景位置座標,偏移量)
語法:background-poosition:left;background-position: 20px 20px;//當指定x或y中的一個方向時,另一個方向默認是居中效果
background-clip (背景圖片的裁剪位置)其屬性值可以爲:1:border-box:從外邊框出開始剪切 2:padding-box:從內邊距開始剪切 3:content-box:從內容出開始剪切
background-origin (背景圖片開始的顯示位置)
其屬性值可以爲:1:border-box:從外邊框開始顯示 2:padding-box:從內邊距開始 3:content-box:從內容處開始
background-size (背景圖片的大小)
其屬性值可以爲:1:100% 100%是x,y軸上完全放大填充,不管圖片是否失真 2:cover(覆蓋):圖片等比例縮放,知道最小部分填滿容器有可能會出現圖片顯示不全的效果 3:contain(包含):圖片也是等比例縮放,直到最大部分填滿容器 有可能出現圖片覆蓋不完整的效果
background-attachment (圖片以滾軸的形式體現)
其屬性值可以爲:1:fixed 2:scroll(默認) 3:local(新加的) 當取fixed時,背景圖片不隨元素的移動而移動,相當於窗體進行固定。scroll隨元素的移動而移動。local:隨內容的移動而移動。
css sprite(雪碧圖)