背景屬性小結

背景:1.backgroud-color:設置背景顏色
2.background-image:設置背景圖片
#如果背景圖片小於元素大小,默認將背景圖片平鋪充滿元素
#如果背景圖片大於元素大小,默認顯示 圖片的左上角
#如果背景圖片等於元素大小,默認顯示 圖片的所有
可以同時爲一個元素設置背景圖和背景顏色,這樣背景顏色就作爲背景圖的底色
3.backgroud-repeat:設置背景圖片是否平鋪
repeat:設置背景圖片平鋪(默認)
repeat-x:背景圖x軸平鋪
repeat-y:背景圖y軸平鋪
no-repeat:背景圖不平鋪
background-position:x y
設置背景圖片出現得位置
1.x代表水平 y代表垂直
2.px比如:
0px 0px:表示背景圖出現在左上角(默認值)
40px 40px:向右偏移40px,向下偏移40px(正偏移)
-40px -40px:向左偏移40px,向上偏移40px
3.x% y%:使用百分比設置背景圖出現的位置
10% 50% 向右移動!10%,然後垂直居中
4.top、center、bottom、left、right
right top:右上角
top:上方水平出現,垂直默認center
background-attachment:背景圖片的附件屬性
常用兩種值:
scroll:背景圖片隨頁面滾動
fixed:背景圖片固定
background可以寫background的子屬性:background-color background-image background-position background-attachment
書寫順序無所謂

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章