一偷遗、背景(background)
它是單一屬性
但是它衍生出很多的復合屬性
background-color ?背景色
background-image 背景圖片
background-repeat ?背景圖片是否重復
background-position 背景圖片位置
background-attachment 背景圖片是否滾動
1、背景顏色
內(nèi)容可以把容器的寬高撐開 背景不會占用內(nèi)容的寬高 背景色會鋪滿整個容器 transparent背景透明(默認)
2驼壶、背景圖片
background-image url(圖片地址)
3氏豌、背景平鋪
background-repeat: 背景圖是否平鋪
no-repeat 不平鋪
repeat-x ?橫向平鋪
repeat-y 縱向平鋪
repeat 全部平鋪(默認值)
4、背景圖片的位置
background-positon:x y
傳數(shù)值 代表背景圖片離容器左上角的距離
x
負值 從容器的左邊往左邊走的距離
y
正值 從容器的上邊往下邊走的距離
負值 從容器的上邊往上邊走的距離
傳關(guān)鍵字
x
left 圖片的左邊 center 圖片在容器x軸的中心 right 圖片在容器的右邊
y
top 圖片的上邊 center 圖片在容器y軸的中心 bottom 圖片在容器的下邊
注意：
如果只傳一個值 另一個值默認為center
如果都不傳 默認為左上角
5热凹、background-attachment 背景圖片是否滾動
scroll 跟隨滾動條滾動（默認） fixed 不會跟隨滾動條滾動
6泵喘、background的復合樣式：
