這篇文章主要介紹了html如何導(dǎo)入背景圖，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

寶塔網(wǎng)站制作公司哪家好，找成都創(chuàng)新互聯(lián)！從網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、成都響應(yīng)式網(wǎng)站建設(shè)公司等網(wǎng)站項(xiàng)目制作，到程序開發(fā)，運(yùn)營維護(hù)。成都創(chuàng)新互聯(lián)成立與2013年到現(xiàn)在10年的時(shí)間，我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn)，來保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選成都創(chuàng)新互聯(lián)。

html導(dǎo)入背景圖的方法：1、用html標(biāo)簽插入圖片，這里直接在img標(biāo)簽中使用src屬性；2、用css插入，在div中設(shè)置class屬性為img2，在script標(biāo)簽中使用background標(biāo)簽插入。

html導(dǎo)入背景圖的方法：

1、插入背景圖片有兩種方法，一種是用html的img標(biāo)簽，另一種是利用css的background標(biāo)簽插入。具體操作是首先新建一個(gè)html文件，寫入兩個(gè)div，分別用來演示兩種方法插入標(biāo)簽：

2、首先是用html標(biāo)簽插入圖片，這里直接在img標(biāo)簽中使用src屬性就可以插入圖片路徑就成功了：

3、接著是用css插入，在div中設(shè)置class屬性為img2，在script標(biāo)簽中使用background標(biāo)簽插入，其中url是標(biāo)簽的路徑，no-repeat是設(shè)置圖片不重復(fù)，center是設(shè)置照片居中顯示：

4、最后給這些標(biāo)簽都設(shè)置一些樣式，讓它們顯得美觀一些。然后打開瀏覽器查看效果：

5、打開瀏覽器，可以看到照片都顯示出來了。以上就是html插入照片的方法介紹：

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“html如何導(dǎo)入背景圖”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來學(xué)習(xí)!