設(shè)置背景圖片創(chuàng)建style標(biāo)簽，然后在標(biāo)簽里面對(duì)類為bgimg設(shè)置背景圖片圖片不重復(fù)寬高的樣式保存html代碼，使用瀏覽器打開(kāi)，這個(gè)時(shí)候會(huì)發(fā)現(xiàn)瀏覽器上的背景圖片顯示在左上角回到html代碼頁(yè)面，在bgimg類里添加backg。

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就寫div，然后可以設(shè)置寬。

在head標(biāo)簽之間輸入樣式標(biāo)簽，然后定義一些屬性，例如 然后點(diǎn)擊body標(biāo)簽后面輸入正文標(biāo)簽內(nèi)容，例如 這是KING這是KING這是KING 這個(gè)KING設(shè)置20內(nèi)邊距點(diǎn)擊記事本菜單中的文件，選擇另存為，把內(nèi)容保存為html網(wǎng)頁(yè)格式雙擊打開(kāi)預(yù)。

除了使用html的img src=#39#39引入圖片以外，還可以使用css的backgorund系列屬性將圖片作為背景圖添加由于background系列屬性比較多，這里不做過(guò)多介紹，只說(shuō)幾個(gè)比較常用的屬性，其他的可參考官方文檔學(xué)習(xí)html代碼灶蔽。

1首先，打開(kāi)Atom編輯器導(dǎo)入項(xiàng)目文件夾，首先創(chuàng)建一個(gè)indexhtml文件定義html文件的主要信息，如下圖所示2然后填寫自己的網(wǎng)頁(yè)內(nèi)容，設(shè)置樣式，添加背景=styletype=quottextcssquot！bodybackgroundimageurlimgtop04。

html中設(shè)置元素的背景色都是通過(guò)CSS中的background 屬性來(lái)完成例如，給整個(gè)頁(yè)面body設(shè)置背景色bodybackground #ddd如果要將圖片作為背景色bodybackgroundimage url1jpg，其中url括號(hào)后面的是背景。

mp3quotltaudio ltbody 3瀏覽器運(yùn)行indexhtml頁(yè)面，此時(shí)發(fā)現(xiàn)頁(yè)面多了背景圖片和背景音樂(lè)。

如何給個(gè)人網(wǎng)頁(yè)設(shè)置背景圖片??？ 背景圖片代碼 方法一 文章編輯的時(shí)候點(diǎn)擊創(chuàng)建表格后在彈出的窗口中把邊框設(shè)置為0，然后填上背景圖片的鏈接地址就好了 也可以用代碼 ltTABLEheight=600width=600background=你的背景圖片地址border=0 ltTB。

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

背景圖片不重復(fù)不平鋪，可以這樣設(shè)定背景1ltbody style=quotbackgroundimage urlquot圖片文件地址quot backgroundattachment fixedquot這樣背景圖片就會(huì)固定住，不會(huì)因頁(yè)面滾動(dòng)而重復(fù)2使圖在任何大小的屏幕都不會(huì)顯示。

用ltimg 標(biāo)簽代碼樣式ltimg src=quotxxxjpgquot width=quot100pxquot height=quot100pxquot 代碼說(shuō)明這是在網(wǎng)頁(yè)中插入一副圖像，能調(diào)整圖像大小，能拉伸圖像，但是不能平鋪圖像，圖像要占用頁(yè)面的空間的，一般情況下，文字不。

問(wèn)題分析1首先你是通過(guò)第二種方式插入的是背景圖片，直接用width和height只能控制div的寬度和高度2如果你插入的圖片是通過(guò)ltimg標(biāo)簽的方式來(lái)插入的話，可以通過(guò)ltimg自身的屬性控制圖片大小，代碼格式是ltimg src=。

先創(chuàng)建一個(gè)indexhtml的文件定義一下html文件的主信息2然后填寫自己的網(wǎng)頁(yè)內(nèi)容， 設(shè)置一下樣式，直接在body后面加上background=quot圖片名字quot即可插入圖片3最后來(lái)到瀏覽器，刷新一下網(wǎng)頁(yè)，這樣就會(huì)顯示背景了。

120quot ltp ltbody lthtml 2html插入圖片實(shí)例截圖 3在線演示在html網(wǎng)頁(yè)中顯示圖片，插入圖片，通過(guò)使用img標(biāo)簽來(lái)實(shí)現(xiàn)，通過(guò)也可以將圖片作為CSS網(wǎng)頁(yè)背景圖片顯示插入到Html網(wǎng)頁(yè)中css 背景圖片。

1ltimg src=quotdivcss5logogifquot width=quot165quot height=quot60quot img介紹src 后跟的是圖片路徑地址 width 設(shè)置圖片寬度 height 設(shè)置圖片高度 2我們?cè)趆tml源代碼中分別插入三張圖片，一張?jiān)即笠粡垖挾取?/p>