1. html怎麼用圖片做背景
1、網頁背景圖片：
（平鋪背景圖片）
<body background="e:\images\背景.jpg">或者 <body style="background-image: url(e:\images\背景.jpg);">
（背景圖片居中不重復）
<body style="background-image: url(e:\images\背景.jpg) no-repeat 50% 0;">
（背景圖片不重復）
<body style="background-image: url(e:\images\背景.jpg) no-repeat;">
注釋： style 後雙引號部分為CSS樣式；
background-image:url(圖片路徑) 為背景圖片
no-repeat 不重復；
50% 0 即(水平位置 垂直位置) 水平50%既居中,垂直0px；
2、表格中插入圖片背景：
<table>
< tr>
< td width="300" height="300" background="e:\images\背景.jpg">
< /td>
< /tr>
< /table>
表格背景圖片也可跟上面一樣採用CSS樣式，如：<td style="background-image: url(e:\images\背景.jpg);"> </td>。
注意：圖片路徑問題，用e:\images\背景.jpg只能在你自己的電腦上有效，上傳到網站上，建議images文件夾和網頁放在同一目錄，則圖片路徑改為：「images/背景.jpg」。(當前目錄的上一目錄表示：../)
2. 怎麼實現HTML文件中加入背景圖片
在你需要加背景的標簽，添加背景圖片的樣式：
1、在標簽內部加：url裡面是圖片的相對路徑（絕對路徑建議不適用）
<div style="background:url('image/bg.png') no-repeat center center">
加背景的位置
< /div>
2、在樣式裡面加
<div class="bgDiv">加背景的標簽</div>
/*加背景的樣式*/
.bgDiv{
background:url('image/bg.png') no-repeat center center;
/*url裡面為圖片的相對路徑*/
}
3. html中如何加入背景圖片
在html中某個div里加入背景圖片的話，主要有以下幾種方式：
第一種： 在css文件里加入背景圖片：在css里用url(../images/背景圖2.jpg)，在內聯css和引入css中會由於html文件和css文件所處的相對位置不同，引入圖片路徑會有所不同。
如圖：
第二種：在html中引入：<div class="detail" style="background-image: url(../images/背景圖1.jpg)"></div>，同理url()括弧里是圖片的引入路徑。
如圖：
第三種：在div中加一張圖片
<div class="detail" >
<img src="../images/背景圖1.jpg" alt="" style="width:100%;height:100%">
</div>
如圖：
當圖片小於背景區域大小時，圖片會不斷重復顯示，如果不想圖片重復顯示，可以設置background-repeat，background-repeat有4個值，分別是repeat（代表重復顯示）、no（代表不重復）、repeat-x（代表水平方向上重復）、repeat-y（代表垂直方向上重復）
當圖片小於背景區域大小時，默認從左上角開始鋪，如果想從任意位置開始鋪，可以使用background-position屬性，設置在x、y方向的偏移量。
當圖片大於背景區域時，只顯示圖片左上角。
當圖片和背景區域大小一樣大時，顯示整張圖片。
4. 關於HTML怎樣用圖片做背景
1、網頁背景圖片： （平鋪背景圖片） <body background=d:\image\石家莊.jpg或者 <body style=background-image: url(d:\image\石家莊.jpg); （背景圖片不重復） <body style=background-image: url(d:\image\石家莊.jpg) no-repeat; （背景圖片居中不重復） <body style=background-image: url(d:\image\石家莊.jpg) no-repeat 50% 0;注釋： style 後雙引號部分為CSS樣式； background-image:url(圖片路徑) 為背景圖片 no-repeat 不重復； 50% 0 即(水平位置 垂直位置) 水平50%既居中,垂直0px； 2、表格中插入圖片背景：<table<tr <td width=200 height=200 background=d:\image\石家莊.jpg</td</tr</table 表格背景圖片也可跟上面一樣採用CSS樣式，如：<td style=background-image: url(d:\image\石家莊.jpg); </td。 注意：圖片路徑問題，用d:\image\石家莊.jpg只能在你自己的電腦上有效，上傳到網站上，建議image文件夾和網頁放在同一目錄，則圖片路徑改為：「image/石家莊.jpg」。
5. 在html裡面插入背景圖片怎麼寫請舉例
需要准備的材料分別有：電腦、chrome瀏覽器、html編輯器。
1、首先，打開html編輯器，新建一個html文件，例如：index.html。
6. HTML中怎麼插入圖片作為背景，我用的是記事本！
代碼如下：
1、上級目錄<img src="../images/石家莊.jpeg" alt="" />
2、根目錄<img src="/images/石家莊.jpeg" alt="" />
3、同級目錄<img src="images/石家莊.jpeg" alt="" />
4、平鋪背景圖片
<body background="d:image石家莊.jpg">或者<body style="background-image: url(d:image石家莊.jpg);">
5、背景圖片不重復
<body style="background-image: url(d:image石家莊.jpg) no-repeat;">
6、背景圖片居中不重復
<body style="background-image: url(d:image石家莊.jpg) no-repeat 50% 0;">
注意：圖片路徑問題，用d:image石家莊.jpg只能在你自己的電腦上有效，上傳到網站上，建議image文件夾和網頁放在同一目錄，則圖片路徑改為：「image/石家莊.jpg」。
(6)html如何引入圖片當背景擴展閱讀：
HTML中主體內容：
<body></body>；，網頁中顯示的實際內容均包含在這2個正文標記符之間。正文標記符又稱為實體標記。表示網頁的主體部分，也就是用戶可以看到的內容，可以包含文本、圖片、音頻、視頻等各種內容。
格式一般如下：
<html>
<head>
<title>；網頁名稱</title>
</head>
<body>
存入網頁的主體部分內容如：
<table>；代表表格
<tr>；代錶行
<p>；代表段落
<td>；代表單元格
7. 在html中插入整個頁面的背景圖
- 01
先做一個簡單的HTML頁面，頁面里只有一個div和一段文字。
- 02
要添加整個頁面的背景圖片，我們就只能把背景加到body標簽里了，所以我們在body里添加一個樣式，叫『bg』
- 03
然後定義這個bg的樣式規則，主要就是添加background-image樣式，就是添加背景圖。
background-repeat是讓背景圖鋪滿整個頁面。 - 04
看下頁面的效果，可以看到現在整個頁面都鋪滿了蝴蝶這張圖片了。為了更好的效果，大家可以更換一張更好看的背景圖。
8. HTML中怎麼插入圖片作為背景
visual studio簡稱為vs。下面，我們來看看HTML中怎麼插入圖片作為背景圖片吧。
打開vs
打開visual studio軟體，並新建一個文件夾為img，把圖片粘貼到文件夾中，如下圖所示：
<body style=" background:url(img/img01.jpg)">
設置背景圖片的代碼為 style=" background:url(img/img01.jpg)"，如下圖所示：
在瀏覽器中查看
右擊【HTMLPage.htm】，選擇【在瀏覽器中查看】，如下圖所示：
預覽效果
在瀏覽器中的預覽效果如下圖所示：
9. html網頁製作中如何設置背景圖片（如何引用）
1、首先打開Atom編輯器導入項目文件夾，先創建一個index.html的文件。定義一下html文件的主信息：