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

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

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

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

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

html背景圖片不重復平鋪

1、第一個給css文件添加背景圖片使用urlimages背景圖片2jpg在css中，由于html文件和css文件的相對位置不同，內聯css和導入css中引入圖片的路徑會有所不同如圖所示第二介紹如圖所示第三種在div中添加圖片。

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

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

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

HTML背景圖片怎么設置

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

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