創(chuàng)建了div后，我們需要為div添加樣式添加樣式我們?nèi)繉懺贑SS文件中，并在html頁面中引用具體的樣式入下圖所示我們首先使用了一張為registpng的圖片作為背景，將其設(shè)置為背景將圖片作為背景的具體代碼入下圖所示如果；1設(shè)置背景圖片需要使用css樣式設(shè)，設(shè)置代碼如下 以整個(gè)頁面的背景圖片為例css樣式body background urlimgbeijingjpg norepeaturl 內(nèi)放置為圖片的路徑地址norepeat 圖片不平鋪backgroundsize cover圖片自適應(yīng)整個(gè)。

上面的代碼表示Body這個(gè)HTML元素的背景顏色是翠綠色的演示示例 背景圖片屬性backgroundimage這個(gè)屬性為HTML元素設(shè)定背景圖片，相當(dāng)于HTML中background屬性ltbody style=quotbackgroundimageurlimagescss_tutorials；html設(shè)置背景圖片的方法有一種是用html的img標(biāo)簽進(jìn)行插入，另一種是利用css的background標(biāo)簽插入HTML稱為超文本標(biāo)記語言，是一種標(biāo)識(shí)性的語言它包括一系列標(biāo)簽，通過這些標(biāo)簽可以將網(wǎng)絡(luò)上的文檔格式統(tǒng)一，使分散的Internet。

打開前端開發(fā)工具，新建一個(gè)html代碼頁面 在html代碼頁面上創(chuàng)建一個(gè)用于設(shè)置背景顏色的div標(biāo)簽，然后給這個(gè)標(biāo)簽添加上class = #34bgimg#34設(shè)置背景圖片創(chuàng)建style標(biāo)簽，然后在標(biāo)簽里面對(duì)類為bgimg設(shè)置背景圖片圖片；1以Hbuilder來講解，首先新建一個(gè)HTML頁面，如圖2接著給標(biāo)簽設(shè)置背景圖片，如圖設(shè)置的是ltbody標(biāo)簽3然后新建一個(gè)css文件，如圖4這里給body標(biāo)簽設(shè)置backgroundsize屬性，如果標(biāo)簽是div就寫div，然后可以設(shè)置寬。

第一種 在css文件里加入背景圖片在css里用urlimages背景圖2jpg，在內(nèi)聯(lián)css和引入css中會(huì)由于html文件和css文件所處的相對(duì)位置不同，引入圖片路徑會(huì)有所不同如圖第二種在html中引入ltdiv class=quot；其實(shí)大多數(shù)的HTML編輯器操作都是一樣的，今天我就以Hbuilder來講解，首先新建一個(gè)HTML頁面，這里命名為“new_filehtml”接著給標(biāo)簽設(shè)置背景圖片，這里小編設(shè)置的是ltbody標(biāo)簽接著新建一個(gè)css文件，如圖，小編命名為“1。

第五步，默認(rèn)的文字圖像的排列是文字靠下，如果為了美觀或要求，可以修改文字與圖片的位置，如圖注意事項(xiàng) bgcolor和background兩個(gè)屬性，之后會(huì)被css設(shè)置替代，不過也得學(xué)好為了保證網(wǎng)頁加載的速度，背景圖片不要太大。

html背景圖片不重復(fù)平鋪

1、第一個(gè)給css文件添加背景圖片使用urlimages背景圖片2jpg在css中，由于html文件和css文件的相對(duì)位置不同，內(nèi)聯(lián)css和導(dǎo)入css中引入圖片的路徑會(huì)有所不同如圖所示第二介紹如圖所示第三種在div中添加圖片。

2、1打開html編輯器并創(chuàng)建一個(gè)新的html文件2新建完一個(gè)新的html文件后，在indexhtml的ltstyle標(biāo)簽中，輸入如下所示的CSS代碼3輸入完CSS代碼之后，接下來運(yùn)行indexhtml頁面，可以發(fā)現(xiàn)，本地圖片通過背景圖片衜中的。

3、04 要用css為這個(gè)div加上背景圖片，只需要加上backgroundimage的樣式，后面的值就是圖片的地址了 backgroundimage url12jpg05 刷新頁面看下現(xiàn)在的效果，可以看到div已經(jīng)加上圖片背景了。

4、1插入背景圖片有兩種方法，一種是用html的img標(biāo)簽，另一種是利用css的background標(biāo)簽插入具體操作是首先新建一個(gè)html文件，寫入兩個(gè)div，分別用來演示兩種方法插入標(biāo)簽2首先是用html標(biāo)簽插入圖片，這里直接在img標(biāo)簽中。

HTML背景圖片怎么設(shè)置

1首先，打開html編輯器，新建一個(gè)html文件，例如indexhtml2其次，在indexhtml中的ltbody標(biāo)簽中，輸入css樣式代碼style=quotbackgroundsize100%background urlimagejpgquot3瀏覽器運(yùn)行indexhtml頁面，此。

CSS添加背景圖片 css代碼添加背景圖片1背景色背景色 語法backgroundcolor數(shù)值 注意在html中，給對(duì)象添加背景色只有一種方法，就是先做一個(gè)表格，在表格中設(shè)置背景色，然后把對(duì)象放入單元格中這樣做很麻煩，不僅。