1首先在電腦端找到Dw軟件，進行打開操作，然后新建一個html文件2新建文件完成之后，寫入一個div代碼操作，如圖所示3寫入div代碼之后，引入一個css樣式，如圖代碼操作所示4引入樣式代碼之后，打開引入的css文件；height 500px background url#39imgurl#39 backgroundsize 20% 當(dāng)然現(xiàn)在不切圖，直接用css來做box width 500px height 500px background lineargradient45deg， #cbcbcb 25%， transparent 25%， tra。

3設(shè)置背景圖片樣式在標(biāo)簽后面創(chuàng)建一個標(biāo)簽，然后在這個標(biāo)簽里設(shè)置標(biāo)簽的背景圖片，以及背景圖片不重復(fù)4保存html代碼后使用瀏覽器打開，這個時候滾動瀏覽器滾動條發(fā)現(xiàn)背景圖片是隨瀏覽器滾動條的滾動而滾動的5使用；可以在CSS里面用backgroundimageurl你的圖片地址這樣來加入圖片，展現(xiàn)到網(wǎng)頁中 bgimg background #333 url圖片路徑 center center norepeat 第一個參數(shù)，圖片底層的背景顏色，第二個參數(shù)，圖片路徑，第。

body backgroundurlbgjpg top center norepeat backgroundsizecover 這樣的話背景圖片就會填充整個屏幕了 不過要說明的是，這是一個CSS3的屬性，在很多瀏覽器里面都是不被支持的，你所希望的效果，目前來看。

css代碼如何設(shè)置背景顏色

1、1首先，打開html編輯器，新建html文件，例如indexhtml2在indexhtml中的標(biāo)簽中，輸入css代碼li height 50pxbackground urlsmall3png lihover background urlsmall2png 3瀏覽器運行index。

2、通過cssbackgroundimage語句設(shè)置背景backgroundimage 屬性會在元素的背景中設(shè)置一個圖像根據(jù) backgroundrepeat 屬性的值，圖像可以無限平鋪沿著某個軸x 軸或 y 軸平鋪，或者根本不平鋪初始背景圖像原圖像。

3、01jpg”和“02jpg”，此時div1未設(shè)置背景圖，在瀏覽器中顯示為 步驟2div1采用css內(nèi)嵌式寫法設(shè)置背景圖片，代碼及瀏覽器中顯示的效果為 步驟3div1換用css行內(nèi)樣式寫法設(shè)置背景圖片，代碼及瀏覽器中顯示的效果為。

4、這個是用來設(shè)置背景顏色的，展現(xiàn)效果如下可以另外設(shè)置這個寬度大小，留一些空余的地方會更好看 標(biāo)簽是不能設(shè)置背景圖片的，這個是用來設(shè)置文字的樣式的可以在span標(biāo)簽之前添加一個 代碼和效果如下。

css背景圖片設(shè)置代碼

1、css使div背景圖片填充的具體操作步驟如下1我們首先打開前端開發(fā)工具，新建一個html代碼頁面2在html代碼頁面上創(chuàng)建一個用于設(shè)置背景顏色的div標(biāo)簽，然后給這個標(biāo)簽添加上class = quotbgimgquot3設(shè)置背景圖片，創(chuàng)建style。

2、新建一個html文件，例如indexhtml2其次，在indexhtml中的標(biāo)簽中，輸入css樣式代碼style=quotbackgroundsize100%background urlimagejpgquot3瀏覽器運行indexhtml頁面，此時成功插入了背景圖片。

3、四種方法需要注意的是，如果p中沒有內(nèi)容，則通過設(shè)置高寬來設(shè)置測試查看背景圖片第一種pp第二種head部分引入stylepbackgroundurlimages2jpgheight200width200style第三種在head部分引入外。

4、如何在html中添加背景圖片 在html中給div添加背景圖片主要有以下幾種方法第一個給css文件添加背景圖片使用urlimages背景圖片2jpg在css中，由于html文件和css文件的相對位置不同，內(nèi)聯(lián)css和導(dǎo)入css中引入圖片的。

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

6、可以通過cover和contain來對圖片進行伸縮語法backgroundsizeauto* 默認值，不改變背景圖片的高度和寬度 * backgroundsize100px 50px* 第一個值為寬，第二個值為高，當(dāng)設(shè)置一個值時，將其作為圖片寬度來。

7、代碼如下div1imgid=imgjpgsrc= 然后添加CSS代碼div#div1 位置固定top0左0底部0右0z索引1 div#div1 寬度100%邊框0 最終效果拉伸瀏覽器并調(diào)整網(wǎng)頁位置后，圖片的背景圖片仍然。