屬性值:transparent(透明的)或color(顔色)
2.背景圖片(background-image)
屬性值:none(沒有)或url(使用絕對或相對地址指定背景圖像)
優點:非常便于控制位置(精靈圖也是一種運用場景)
3.背景平鋪(background-repeat)
屬性值:repeat|no-repeat|repeat-x|repeat-y
背景圖片會壓住背景顔色
4.背景圖片位置(background-position)
background-position:x y;
- x坐标和y坐标可使用方位名詞或精确單位
- 方位名詞a. x可為left | center | right ,y可為top | center | bottomb. top left 和 left top 效果一緻(與順序無關)c. 若隻指定一個方位名詞,另一個值忽略,則第二個值默認為居中對齊
- 精确單位a.先x坐标後y坐标b.若隻指定一個值,則為x,另一個值為垂直居中
- 混合單位:若混合使用,第一個值為水平x,第二個值為垂直y
屬性值:scroll(随内容滾動)| fixed(背景固定)
6.背景複合寫法(background)
background:背景顔色 背景圖片地址 背景平鋪 背景圖像滾動 背景圖片位置
- background:rgba(0,0,0,.3);
- red green blue alpha(透明度 範圍0~1)
- 習慣把0.3的0省掉
- 背景半透明是指盒子背景半透明,盒子裡面的内容不受影響