本博文記錄CSS中比較常用的背景屬性，包括背景顏色：background-color、背景圖片：background-image、背景平鋪：background-repeat、背景位置：background-position和背景附著：background-attachment。同時記錄了背景色半透... ...
本博文記錄CSS中比較常用的背景屬性，包括背景顏色：background-color、背景圖片：background-image、背景平鋪：background-repeat、背景位置：background-position和背景附著：background-attachment。同時記錄了背景色半透明的寫法以及背景屬性複合寫法。
1 常用背景屬性
| 屬性 | 描述 | 使用方式 | 說明 |
| background-color | 背景顏色 | 參數; |
參數： transparent（透明，預設） color（顏色） |
| background-image | 背景圖片 | background-image: 參數; |
參數： none（無背景圖，預設） url(圖片地址) |
| background-repeat | 背景平鋪 | background-repeat: 參數; |
參數： repeat（橫向、縱向均平鋪，預設） no-repeat（不平鋪） repeat-x（橫向平鋪） repeat-y（縱向平鋪） |
| background-position | 背景位置 | background-position: x y; |
x：橫坐標，可以使用方位名詞或者精確單位 y：縱坐標，可以使用方位名詞或者精確單位 方位名詞：center、top、bottom、left、right 精確單位：百分數或者由浮點數字和單位標識符組成的長度值 |
| background-attachment | 背景附著 | background-attachment: 參數; |
參數： scroll（背景圖像是隨著對象內容滾動，預設） fixed（背景圖像固定） |
background-position（背景位置）的參數有兩個（x 和 y），需要註意以下幾點：
（1）若x和y都是方位名詞，則無順序；
（2）若只指定一個方位名詞，另一個省略，則另一個預設為center；
（3）若參數值是精確坐標，則第一個肯定是x坐標，第二個肯定是y坐標；
（4）若參數值是精確坐標且只指定一個數值，則一定是x坐標，另一個預設垂直居中；
（5）若參數值是混合單位，則第一個是x坐標，第二個是y坐標。
2 背景色半透明
背景色半透明，通過對background屬性設置rgba屬性值實現。
使用方式：background: rgba(red,green,blue,Alpha)；
參數：
| 參數 | 範圍 |
| red | 0-255 |
| green | 0-255 |
| blue | 0-255 |
| Alpha | 0-1 |
說明：Alpha是透明度，取值範圍在0-1，0：全透明，1：不透明。同時，Alpha的值是小數，小數點前的0可以省略。
3 背景屬性複合寫法
background: 背景顏色 背景圖片 背景平鋪 背景附著 背景位置;
