1、背景顏色
-
background-color: ;
取值方式有兩種- red
- rgb(0,250,0)
2、背景圖片
-
background-image:url("") ;
- url可以放本地和網(wǎng)絡的
- 圖片沒標簽大會進行平鋪和填充
- 網(wǎng)絡的圖片會請求2次獲取數(shù)據(jù)
-
background-repeat:;
背景圖片的平鋪方式浙于,取值如下-
repeat
默認洪囤,水平垂直方向都平鋪 -
repeat-x
水平方向都平鋪 -
no-repeat
水平垂直方向都不平鋪 -
repeat-y
垂直方向都平鋪
-
- 不設置一張大圖片作為背景圖片,而是用小圖片去平鋪万皿,提升網(wǎng)頁的訪問速度
- 同時存在的同時摧找,背景圖片會覆蓋背景顏色
-
background-position: ;
設置圖片的位置center``right``left``top``bottom
-
(center top)
中間的頂部(背景圖片的定位) -
(100px 200px)
設置像素確定位置
3、背景屬性縮寫的格式
只要寫background:
后面直接寫 背景顏色 背景圖片 平鋪方式 關聯(lián)方式 定位方式 中隨便一個都可以
4牢硅、滾動方式
-
background-attachment: fixed;
不滾動 -
background-attachment: scroll;
滾動