css背景 1. 背景顏色 banckground clor屬性定義元素的背景顏色 ~~~ background color：顏色值； ~~~ 一般情況下元素的背景顏色預設值是transparent（透明的） 2. 背景圖片 background image屬性描述了元素的背景圖像。實際開發常見於L ...
css背景
背景顏色
banckground-clor屬性定義元素的背景顏色
background-color：顏色值；一般情況下元素的背景顏色預設值是transparent（透明的）
背景圖片
background-image屬性描述了元素的背景圖像。實際開發常見於LOGO或者一些裝飾性的小圖片或者超大的背景圖片，優點是非常便於控制位置
background-image：none|url（url）參數值 作用 none 無背景圖片 url 使用絕對 或者相對地址指定圖片
背景平鋪
使用background-repeat屬性設置
background-repeat：repeat|no-repeat|repeat-x|repeat-y；參數值 作用 repeat 平鋪 no-repeat 不平鋪 repeat-x 沿著x軸平鋪 repeat-y 沿著y軸平鋪
背景圖片位置
background-position屬性可以改變圖片在背景中的位置
background-position：x y；參數值 說明 length 百分數|由浮點數字和單位標識符組成的長度 position top|center|bottom|left|center|right 方位名詞 參數是方位名詞
- 如果指定的兩個值都是方位名詞，則兩個值前後順序無關，比如left top 和top left效果一致
參數是精確單位
- 如果參數值是精確坐標，那麼第一個肯定是x坐標，第二個肯定是Y坐標
混合單位
- 如果指定的兩個值是精確單位和方位名詞混合使用，則第一個值是x坐標，第二個值是Y坐標
背景圖像固定（北京附著）
background-altachment屬性設置背景圖像是否固定或者隨著頁面的其餘部分滾動
background-altachment：scroll|fixed參數 作用 scroll 背景圖像隨著對象內容滾動 fixed 背景圖像固定
背景屬性的複合寫法
background：背景顏色 背景圖片位置 背景平鋪 背景圖片位置
背景色半透明
background：rgba（0，0，0，0.3）- 最後一個alpha透明度，取值範圍在0~1之間
| 屬性 | 作用 | 值 |
|---|---|---|
| background-color | 背景顏色 | 預定義的顏色值、十六進位、RGB代碼 |
| background-image | 背景圖片 | url（圖片路徑） |
| background-repeat | 是否平鋪 | repeat、no-repeat、repeat-x、repeat-y |
| background-position | 背景位置 | |
| background-altachment | 背景附著 | scroll（背景滾動）、fixed（背景固定） |
| 背景簡寫 | 書寫更簡單 | 背景顏色 背景圖片位置 背景平鋪 背景圖片位置 |
| 背景半透明 | 背景顏色半透明 | background：rgba（0，0，0，.3 ） |
