通過 css 背景屬性，可以給頁面元素新增背景樣式。背景屬性可以設定背景顏色、背景、背景平鋪、背景位置、背景影象固定等。
樣式名稱：
background-color定義元素的背景顏色
使用方式：
其他說明：
元素背景顏色預設值是 transparent（透明）
使用方式：
其他說明：
實際開發常見於 logo 或者一些裝飾性的小或者是超大的背景, 優點是非常便於控制位置. (精靈圖也是一種運用場景)
注意：背景後面的位址，千萬不要忘記加 url， 同時裡面的路徑不要加引號。
樣式名稱：
background-repeat設定元素背景影象的平鋪
使用方式：
樣式名稱：
background-position屬性可以改變在背景中的位置
使用方式：
引數代表的意思是：x 座標和 y 座標。 可以使用方位名詞或者精確單位
其他說明：
引數是方位名詞
如果指定的兩個值都是方位名詞，則兩個值前後順序無關，比如left top和top left效果一致。如果只指定了乙個方位名詞，另乙個值省略，則第二個值預設居中對齊
引數是精確單位
如果引數值是精確座標，那麼第乙個肯定是 x 座標，第二個一定是 y 座標。如果只指定乙個數值，那該數值一定是 x 座標，另乙個預設垂直居中
引數是混合單位
如果指定的兩個值是精確單位和方位名詞混合使用，則第乙個值是 x 座標，第二個值是 y 座標
樣式名稱：
background-attachment屬性設定背景影象是否固定或者隨著頁面的其餘部分滾動。
使用方式：
其他說明：
background-attachment後期可以製作視差滾動的效果。
背景合寫樣式：
使用方式：
css3 提供了背景顏色半透明的效果。
使用方式：
注意：
前端學習筆記（4）之css背景屬性合集
預設情況下背景顏色會延伸到border的區域，把border設定成點狀可觀察。容器 背景圖 背景圖平鋪，直到鋪滿，顯示多張背景圖 容器 背景圖 只顯示一張 容器 背景圖 只顯示背景圖的一部分 no repeat 只鋪一張背景圖 repeat x 橫向平鋪 repeat y 縱向平鋪 repeat 雙...
前端學習之css
1.html中的三種布局格式 a.標準流 網頁中預設的方式 b.浮動 c.定位 2.html的兩大元素 a.塊級元素 獨佔一行 div h1 h6 table p 有序無序列表 ol ul li 等等 b.內聯元素 和相鄰的內聯元素在同一行 a span image input 等等 文字1文字2 ...
Web前端 CSS背景屬性
3.背景屬性簡寫 background color red 1 設定背景background image url 路徑 設定背景，指定路徑，如果路徑 現中文或空格，需要加引號 2 設定背景的重複方式 如果元素尺寸大於尺寸，會自動重複平鋪，直至鋪滿整個元素 如果元素尺寸小於尺寸，預設從元素左上角開始顯...