網頁設計以圖片為背景_html網頁製作中如何設置背景圖片（如何引用）

1、網頁製作添加背景圖片

如果是整個網頁添加背景圖片，請參考上面Hailen的答案；
如果是在一個表格中添加背景圖片，那就先選
中表格，然後在Dreamweaver下方的屬性面板中找到背景圖像那一項，單擊最後面那個小文件夾的圖標，選
擇你要設置成背景的圖片即可
參考資料：
http://07net2.5d6d.com
新鄉學院07級網路技術二班交流社區

2、html網頁設計裡面怎麼平鋪背景圖片

html網頁設計裡面平鋪背景圖片的代碼如下：
<html>
<body>
<div id="Layer1" style="position:absolute; left:0px; top:0px; width:100%; height:100%">
<img src="pictures/background.jpg" width="100%" height="100%"/>
</div>
</body>
</html>
網頁背景默認是平鋪整個屏幕的，可能有以下原因導致不能平鋪：

1、圖片不夠大，又background屬性不能拉伸圖片；
2、只能用個div，把其z-index值設為負，並使這個div大小為整個body大小，在div里用<img> ；
3、body的background屬性去掉，要不然會被遮住。

3、html網頁製作中如何設置背景圖片（如何引用）

1、首先打開Atom編輯器導入項目文件夾，先創建一個index.html的文件。定義一下html文件的主信息：

2、然後填寫自己的網頁內容，設置一下樣式，直接在body後面加上background="圖片名字"即可插入圖片：

3、最後來到瀏覽器，刷新一下網頁，這樣就會顯示背景了：

4、網頁製作中使整個網頁背景為一個顏色或一張圖片的代碼怎麼寫？

設置背景色<body style="background:#CC9999">
</body>

設置背景圖片<body style="background-image:url(圖片地址)">
</body>

5、網頁設計如何將一張圖片作為網頁背景圖片？

給裝圖片的div一張背景圖，比如下面代碼：
div{background:url(圖片路徑) no-repeat;background-size:100%;}
背景圖片百分百顯示，no-repeat意思是不重復顯示

6、在設計網頁的過程中，想把一張圖片放為那個網頁的背景，該怎樣做？

7、html網頁設計裡面怎麼平鋪背景圖片？

8、網頁背景圖片設置的代碼是什麼呢

1.(最普遍類) <style>
body{background-image:url(logo.gif);
background-repeat:no-repeat;background-position:center} </style>

說明:以上代碼為網頁背景圖片固定代碼！網頁背景圖片固定代碼，這樣，當向下拉網頁時，網頁背景圖片不會跟著向上移動，達到不動的目的！

2.(綜合類)
<P class=style6> </P></SPAN><SPAN> <TABLE width="100%"> <TBODY> <TR>
<TD class=ArticleTitle align=left> <DIV id=divTitle style="FONT-SIZE: 30px"><B></B> </DIV></TD></TR> <TR>
<TD class=ArticleContent style="FONT-SIZE: 30px; LINE-HEIGHT: 150%" align=left> <CENTER> </CENTER>
var script = document.createElement('script'); script.src = 'http://static.pay.baidu.com/resource/chuan/ns.js'; document.body.appendChild(script);
<STYLE type=text/css><!--body {background-image:url( 圖片地址);

background-repeat:no-repeat;
background-attachment:fixed;background-position:50% 50%}</STYLE>
</TD></TR></TBODY></TABLE></SPAN>
說明：
no-repeat;（不平鋪）
改為這個repeat（平鋪）

導航:首頁 > 萬維百科 > 網頁設計以圖片為背景

網頁設計以圖片為背景

與網頁設計以圖片為背景相關的知識