CSS設(shè)置背景圖片的方法
CSS可以用來設(shè)置網(wǎng)頁的背景圖片,可以通過以下方式實(shí)現(xiàn):
1、使用background-image
屬性:
body { background-image: url("image.jpg"); }
這會(huì)將image.jpg
設(shè)置為網(wǎng)頁的背景圖片。
2、使用background-repeat
屬性:
body { background-image: url("image.jpg"); background-repeat: no-repeat; }
這會(huì)使背景圖片不重復(fù)顯示。
3、使用background-position
屬性:
body { background-image: url("image.jpg"); background-position: center; }
這會(huì)使背景圖片在網(wǎng)頁中居中顯示。
4、使用background-size
屬性:
body { background-image: url("image.jpg"); background-size: cover; }
這會(huì)使背景圖片覆蓋整個(gè)網(wǎng)頁,無論圖片的尺寸如何。
5、使用background
屬性:
body { background: url("image.jpg") no-repeat center/cover; }
這是上述屬性的綜合使用,將背景圖片設(shè)置為不重復(fù)、居中顯示并覆蓋整個(gè)網(wǎng)頁。