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