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