1首先創(chuàng)建一個(gè)html文件一個(gè)css樣式表文件2在html文件中創(chuàng)建一個(gè)div，并且類命名為tab13這里的背景使用純色的背景，還沒(méi)有用背景圖片4在css文件中對(duì)div內(nèi)容進(jìn)行樣式的設(shè)置，首先插入背景圖片，因?yàn)楸尘皥D片的尺寸比div尺寸大出許多，所以網(wǎng)頁(yè)顯示出的背景只是背景圖片的一部分5對(duì)背景圖；例如為id為pic的div 元素設(shè)置兩幅背景圖片pic backgroundimageurlbg_flowergif，urlbg_flower_2gif 上面的例子就是用兩種圖片為div元素設(shè)置背景CSS3 包含多個(gè)新的背景屬性，它們提供了對(duì)背景更強(qiáng)大的控制backgroundclip規(guī)定背景的繪制區(qū)域backgroundorigin規(guī)定背景圖片的定位。

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；在HTML中添加背景圖片是一項(xiàng)簡(jiǎn)單卻強(qiáng)大的技術(shù)要設(shè)置背景圖片，請(qǐng)使用CSS樣式首先，指定圖片的URL地址，如下所示backgroundimageurlimagesad1png接下來(lái)，調(diào)整圖片在背景中的位置常見(jiàn)的位置設(shè)置方式是居中，但也支持右對(duì)齊和左對(duì)齊等backgroundpositioncenter如果希望背景；要在HTML頁(yè)面中實(shí)現(xiàn)全屏顯示背景圖片，您需要將圖片設(shè)置為BODY元素的背景為了確保背景圖片能完整覆蓋整個(gè)屏幕，圖片寬度至少應(yīng)達(dá)到1920像素當(dāng)然，除了圖片寬度，還要考慮圖片的高度和分辨率這樣，當(dāng)頁(yè)面加載時(shí)，背景圖片會(huì)自動(dòng)鋪滿整個(gè)頁(yè)面，不論用戶的屏幕尺寸如何實(shí)現(xiàn)這一效果，您需要在CSS樣式表中設(shè)置。

1新建一個(gè)html文檔，編寫(xiě)一個(gè)類名等于setbg的div標(biāo)簽2div寫(xiě)上樣式，“background urlbg_mainjpg”的樣式，設(shè)置背景圖即可3設(shè)置了背景圖，給div設(shè)置高度“height500px”4設(shè)置高度之后，高度和背景圖就可以出現(xiàn)5div很多文字，超過(guò)了固定高度，會(huì)出現(xiàn)背景不會(huì)平鋪到底部6；其實(shí)大多數(shù)的HTML編輯器操作都是一樣的，今天我就以Hbuilder來(lái)講解，首先新建一個(gè)HTML頁(yè)面，這里命名為“new_filehtml”接著給標(biāo)簽設(shè)置背景圖片，這里小編設(shè)置的是ltbody標(biāo)簽接著新建一個(gè)css文件，如圖，小編命名為“1css”這里給body標(biāo)簽設(shè)置backgroundsize屬性，如果你的標(biāo)簽是div就寫(xiě)div；1以Hbuilder來(lái)講解，首先新建一個(gè)HTML頁(yè)面，如圖2接著給標(biāo)簽設(shè)置背景圖片，如圖設(shè)置的是ltbody標(biāo)簽3然后新建一個(gè)css文件，如圖4這里給body標(biāo)簽設(shè)置backgroundsize屬性，如果標(biāo)簽是div就寫(xiě)div，然后可以設(shè)置寬度和高度5如圖所示，在new_filehtml里面編輯ltlink href=quotcss1cssquot。

css如何使div背景圖片填充css使div背景圖片填充的具體操作步驟如下1我們首先打開(kāi)前端開(kāi)發(fā)工具，新建一個(gè)html代碼頁(yè)面2在html代碼頁(yè)面上創(chuàng)建一個(gè)用于設(shè)置背景顏色的div標(biāo)簽，然后給這個(gè)標(biāo)簽添加上class=quotbgimgquot3設(shè)置背景圖片，創(chuàng)建style標(biāo)簽，然后在標(biāo)簽里面對(duì)類為bgimg設(shè)置背景圖片圖片不；1首先我們打開(kāi)sublime text軟件，新建一個(gè)html頁(yè)面，然后在在頁(yè)面中添加html的基本結(jié)構(gòu)2 然后我們?cè)趆tml的body區(qū)域添加一個(gè)div，并且給div設(shè)置一下寬高以及邊框的樣式3運(yùn)行程序以后，你就會(huì)看到如下圖所示的div區(qū)域，我們接下來(lái)就要給這個(gè)區(qū)域添加背景圖片4然后我們回到html文檔，在div的樣式；第一個(gè)給css文件添加背景圖片使用urlimages背景圖片2jpg在css中，由于html文件和css文件的相對(duì)位置不同，內(nèi)聯(lián)css和導(dǎo)入css中引入圖片的路徑會(huì)有所不同如圖所示第二介紹如圖所示第三種在div中添加圖片img src=images背景圖1jpgalt=style=width100%height100%身高10；css怎么調(diào)整背景圖片的位置1首先打開(kāi)前端開(kāi)發(fā)工具，新建一個(gè)html代碼頁(yè)面2在html代碼頁(yè)面上創(chuàng)建一個(gè)用于設(shè)置背景顏色的div標(biāo)簽，然后給這個(gè)標(biāo)簽添加上class=quotbgimgquot3設(shè)置背景圖片創(chuàng)建style標(biāo)簽，然后在標(biāo)簽里面對(duì)類為bgimg設(shè)置背景圖片圖片不重復(fù)寬高的樣式4保存html代碼，使用。

1先做一個(gè)簡(jiǎn)單的HTML頁(yè)面，頁(yè)面里只有一個(gè)div和一段文字2要添加整個(gè)頁(yè)面的背景圖片，我們就只能把背景加到body標(biāo)簽里了，所以我們?cè)赽ody里添加一個(gè)樣式，叫‘bg’3然后定義這個(gè)bg的樣式規(guī)則，主要就是添加backgroundimage樣式，就是添加背景圖backgroundrepeat是讓背景圖鋪滿整個(gè)頁(yè)面4看。

首先，創(chuàng)建一個(gè)HTML文檔，并在其中添加一個(gè)類名為quotsetbgquot的標(biāo)簽接下來(lái)，為這個(gè)標(biāo)簽添加CSS樣式，使用quotbackground urlbg_mainjpgquot設(shè)置背景圖片這樣，背景圖片就能顯示出來(lái)了為了確保背景圖片在中正確顯示，需要給它設(shè)置一個(gè)固定的高度，例如quotheight 500pxquot這樣設(shè)置之后，背景圖片和的高度就能匹配；背景圖片標(biāo)簽在HTML中用rdquostylerdquo屬性配合rdquobackgroundimagerdquo來(lái)表示舉個(gè)例子，如果你想在一個(gè)ltdiv元素中設(shè)置背景圖片，你可以這樣寫(xiě)ltdiv style=quotbackgroundimage urlquot lt！ 其他內(nèi)容 ltdiv 這里，url需要替換成你的圖片鏈接這段代碼的作用是給ltdiv元素；首先，在HTML文檔的ltbody標(biāo)簽內(nèi)創(chuàng)建一個(gè)ltdiv元素，并為其設(shè)置基本的樣式，如寬度高度和邊框，以便在瀏覽器中能夠清晰地看到它使用CSS設(shè)置背景圖片在CSS樣式表中，針對(duì)該ltdiv元素，使用backgroundimage屬性來(lái)指定背景圖片的路徑例如cssdiv width 300pxheight 200pxborder 1px solid。