html圖片做背景(html如何讓圖片作為背景)
第一個(gè)給css文件添加背景圖片使用urlimages背景圖片2jpg在css中,由于html文件和css文件的相對位置不同,內(nèi)聯(lián)css和導(dǎo)入css中引入圖片的路徑會有所不同如圖所示第二介紹如圖所示第三種在div中添加圖片img src=images背景圖1jpgalt=style=width100%height100%身高10。
1新建文件夾并將其命名為“表格”2將背景圖放入新建的”表格“文件夾里3在Dreamweaver CS6中新建一個(gè)html空白文檔4將頁面內(nèi)容放入ltbodyltbody中5在ltbody后按一下空格鍵,找到background,再按空格,點(diǎn)擊“瀏覽”,找到背景圖的位置6選中背景圖,點(diǎn)擊“確定”7圖片插入。
1打開HBuilderX軟件2進(jìn)入后新建一個(gè)html文件3命名為背景圖片點(diǎn)擊創(chuàng)建4然后在同一文件夾中放入一張背景圖片5然后在head中編寫style樣式,如圖所示6按ctrl+s保存,然后點(diǎn)擊上方視頻圖標(biāo),選擇瀏覽器進(jìn)行運(yùn)行即可7效果如圖所示,未設(shè)置平鋪方式的情況為默認(rèn)水平豎直平鋪8不想。
backgroundposition表示的是背景圖片的位置,主要有top上bottom下left左right右這四個(gè)取值backgroundrepeat表示的圖片的平鋪方式默認(rèn)情況是平鋪,一般設(shè)置為norepeat,表示的是不平鋪背景顏色屬性backgroundcolor這個(gè)屬性為HTML元素設(shè)定背景顏色,相當(dāng)于HTML中bgcolor屬性。
html中設(shè)置元素的背景色都是通過CSS中的background 屬性來完成例如,給整個(gè)頁面body設(shè)置背景色bodybackground #ddd如果要將圖片作為背景色bodybackgroundimage url1jpg,其中url括號后面的是背景圖片的鏈接。
具體步驟如下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。
掃描二維碼推送至手機(jī)訪問。
版權(quán)聲明:本文由飛速云SEO網(wǎng)絡(luò)優(yōu)化推廣發(fā)布,如需轉(zhuǎn)載請注明出處。