html導(dǎo)入背景圖的方法:1、用html標(biāo)簽插入圖片,這里直接在img標(biāo)簽中使用src屬性;2、用css插入,在div中設(shè)置class屬性為img2,在script標(biāo)簽中使用background標(biāo)簽插入。
本教程操作環(huán)境:windows7系統(tǒng)、html5版,DELL G3電腦。
html導(dǎo)入背景圖的方法:
1、插入背景圖片有兩種方法,一種是用html的img標(biāo)簽,另一種是利用css的background標(biāo)簽插入。具體操作是首先新建一個(gè)html文件,寫(xiě)入兩個(gè)div,分別用來(lái)演示兩種方法插入標(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è)置一些樣式,讓它們顯得美觀一些。然后打開(kāi)瀏覽器查看效果:
5、打開(kāi)瀏覽器,可以看到照片都顯示出來(lái)了。