• 背景相關屬性
• 背景顏色

屬性名：background-color(bgc)

屬性值：關鍵字、rgb表示法、rgba表示法、十六進位制......

注意：背景顏色不會影響盒子大小，並且還能看清盒子大小和位置，一般佈局中會習慣先給盒子設定背景顏色。

• 背景圖片

屬性名：background-image(bgi)：url('圖片的路徑')

注意：url可以省略引號。預設是在水平和垂直方向平鋪的。僅給盒子起到裝飾效果，類似於背景顏色，不能撐開盒子。

• 背景平鋪

屬性名：background-repeat(bgr)

屬性值：repeat—（預設值）水平和垂直方向都平鋪

no-repeat

repeat-x—沿水平方向平鋪

repeat-y—沿垂直方向平鋪

• 背景位置

屬性名：background-position(bgp)：水平方向 垂直方向;

屬性值：1、方位名詞（最多隻能表示9個位置）

水平方向：left、center、right

垂直方向：top、center、bottom

2、數字+px（座標）

正數向右/向下，負數向左/向上

• 背景相關屬性的連寫形式

單個屬性值的合寫，取值之間用空格隔開

background: color image repeat position 可以按照需求省略

特殊情況：在PC端，如果盒子大小和背景圖片一樣，可以直接寫background:url（）

注意：背景圖位置如果是英文，可以顛倒順序。可若是數字，不能顛倒順序。