關(guān)于html設(shè)置背景圖片居中,html設(shè)置背景圖片這個(gè)問(wèn)題很多朋友還不知道,今天小六來(lái)為大家解答以上的問(wèn)題,現(xiàn)在讓我們一起來(lái)看看吧!
1、插入背景圖片有兩種方法,一種是用html的img標(biāo)簽,另一種是利用css的background標(biāo)簽插入。
2、具體操作是首先新建一個(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è)置一些樣式,讓它們顯得美觀一些。
3、然后打開(kāi)瀏覽器查看效果:5、打開(kāi)瀏覽器,可以看到照片都顯示出來(lái)了。
4、以上就是html插入照片的方法介紹:。
本文分享完畢,希望對(duì)大家有所幫助。
標(biāo)簽:
免責(zé)聲明:本文由用戶上傳,與本網(wǎng)站立場(chǎng)無(wú)關(guān)。財(cái)經(jīng)信息僅供讀者參考,并不構(gòu)成投資建議。投資者據(jù)此操作,風(fēng)險(xiǎn)自擔(dān)。 如有侵權(quán)請(qǐng)聯(lián)系刪除!