CSS設(shè)置背景圖的方法
在CSS中,我們可以使用background-image
屬性來設(shè)置背景圖,這個(gè)屬性接受一個(gè)URL值,即背景圖的路徑或URL。
如果我們有一張名為background.jpg
的圖片,并將其存放在網(wǎng)站的根目錄下,那么我們可以這樣來設(shè)置背景圖:
body { background-image: url('background.jpg'); }
這將把background.jpg
圖片設(shè)置為網(wǎng)頁(yè)的背景圖,用戶將能夠在整個(gè)網(wǎng)頁(yè)上看到這張圖片。
如果我們想要讓背景圖在網(wǎng)頁(yè)上重復(fù)顯示,可以使用repeat
屬性,我們可以讓背景圖在水平和垂直方向上重復(fù)顯示:
body { background-image: url('background.jpg'); background-repeat: repeat; }
我們還可以使用position
屬性來調(diào)整背景圖的位置,我們可以將背景圖居中顯示:
body { background-image: url('background.jpg'); background-position: center; }
CSS提供了豐富的背景圖設(shè)置選項(xiàng),讓我們可以輕松地給網(wǎng)頁(yè)添加背景圖,并對(duì)其進(jìn)行詳細(xì)的控制。