在HTML中,可以通過設(shè)置圖片作為背景,讓網(wǎng)頁更加美觀。下面來介紹如何設(shè)置圖片背景。
<style> body { background-image: url("圖片地址"); } </style>
上述代碼中,通過在style標(biāo)簽內(nèi)使用background-image屬性來設(shè)置圖片背景。其中,將圖片的路徑填寫在url()中。
需要注意的是,圖片地址可以是相對(duì)路徑,也可以是絕對(duì)路徑。
<style> body { background-image: url("http://圖片地址"); } </style>
如果是網(wǎng)絡(luò)上的圖片,需要使用完整的圖片地址,并且要加上http://。
除了使用圖片地址設(shè)置背景,還可以設(shè)置背景的位置、大小等屬性。
<style> body { background-image: url("圖片地址"); background-position: center; background-size: cover; } </style>
上述代碼中,通過設(shè)置background-position屬性控制圖片的位置(這里設(shè)置居中),通過設(shè)置background-size屬性控制圖片的大小(這里設(shè)置鋪滿整個(gè)頁面)。
總之,通過以上方式,我們可以輕松設(shè)置圖片背景,讓網(wǎng)頁更加美觀。