HTML5插入背景圖的代碼
想要在網(wǎng)頁中加入一張精美的背景圖片嗎?HTML5可以幫你簡單實現(xiàn)這個需求。下面分享一下代碼實現(xiàn)方法。
首先,在HTML的樣式標(biāo)簽中聲明一下背景圖片:其中,“url”后面需要填寫你的圖片路徑,把你的圖片文件放在該HTML文件同一個文件夾里可以直接填寫圖片的文件名,否則需要填寫完整的圖片路徑。例如:
background-image: url("images/background.jpg");其次,為了讓圖片縮放適應(yīng)瀏覽器的大小,我們設(shè)置“background-size”屬性為“cover”。這樣就能在保持圖片原始比例的同時充滿整個屏幕了。 最后,在HTML頁面中使用“body”標(biāo)簽,就能很輕松地插入背景圖片了,實現(xiàn)代碼如下:
希望以上的代碼能夠為你帶來幫助。這是一個帶有背景圖片的頁面