設(shè)置背景圖片:
在CSS可以通過background-image: url();設(shè)置背景圖片
控制背景圖片的平鋪方式:
在CSS中可以通過background-repeat屬性控制背景圖片的平鋪方式的
取值:
repeat 默認, 在水平和垂直都需要平鋪
no-repeat 在水平和垂直都不需要平鋪
repeat-x 只在水平方向平鋪
repeat-y 只在垂直方向平鋪
背景定位——控制背景圖片的位置:
在CSS中有一個叫做background-position:屬性, 就是專門用于控制背景圖片的位置
格式:
background-position: 水平方向 垂直方向;
取值:
具體的方位名詞
水平方向: left center right
垂直方向: top center bottom
具體的像素:
例如: background-position: 100px 200px;
記住一定要寫單位, 也就是一定要寫px
記住具體的像素是可以接收負數(shù)的
背景關(guān)聯(lián)——背景關(guān)聯(lián)方式:
默認情況下背景圖片會隨著滾動條的滾動而滾動哪工, 如果不想讓背景圖片隨著滾動條的滾動而滾動, 那么我們就可以修改背景圖片和滾動條的關(guān)聯(lián)方式
修改背景關(guān)聯(lián)方式:
在CSS中有一個叫做background-attachment的屬性忠怖, 這個屬性就是專門用于修改關(guān)聯(lián)方式的
格式
background-attachment:scroll;
取值:
scroll 默認值包归, 會隨著滾動條的滾動而滾動
fixed 不會隨著滾動條的滾動而滾動