如何用html5插入背景圖片?
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、打開瀏覽器,可以看到照片都顯示出來了。