在HTML中我們可以通過(guò)添加背景圖片來(lái)增加網(wǎng)頁(yè)的美感。
要添加背景圖片,我們可以使用CSS的background-image屬性。
body { background-image: url("背景圖片的鏈接地址"); }
在CSS中,我們可以使用background-size來(lái)設(shè)置背景圖片的大小,常用屬性值有cover和contain。
body { background-image: url("背景圖片的鏈接地址"); background-size: cover; }
如果希望背景圖片可以重復(fù)顯示,我們可以使用background-repeat屬性。
body { background-image: url("背景圖片的鏈接地址"); background-size: cover; background-repeat: repeat; }
如果希望背景圖片不隨滾動(dòng)而移動(dòng),我們可以使用background-attachment屬性,并將其設(shè)置為fixed。
body { background-image: url("背景圖片的鏈接地址"); background-size: cover; background-repeat: repeat; background-attachment: fixed; }
通過(guò)使用以上這些CSS屬性,我們可以輕松地將背景圖片添加到我們的網(wǎng)頁(yè)中,讓網(wǎng)頁(yè)更加美觀和吸引人。