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

1、怎麼樣用CSS製作網頁背景圖片？

網頁的來整體背景是在源<head></head>之間定義的!
只要把此代碼放在<head><style
type="text/css">background:ulr(../images/tupian.gif)括弧里換成你自已的圖片地址.</style></head>之間即可.

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、網頁製作如何吧小圖片設置成背景？

是平鋪在整個網頁里，還是表格內？
如果，這個網頁里，用DM工具，修改專--頁面屬性，里有屬個背景圖像設置，選中小圖片。如果，是個表格，選中表格，在下面的屬性工具欄里有背景圖像設置，選中小圖片。
那樣可以做到平鋪。

4、如何製作網頁背景啊？

3.設置網頁的背景圖像
網頁的背景色和背景圖選擇得好，會是頁面增色不少。如果選取單一的背景色，難免顯得單調，如果選擇整個圖片做背景，由於圖片本身的文件大，造成網頁的載入時間長，一般用戶很難有耐性等待下去。那麼帶背景的網頁是如何製作出來的？

很簡單，一般是採用一幅很小的圖片，然後鋪展開，形成很漂亮的背景。對背景圖的要求當然是越漂亮越好，文件越小越好。這里我們不談論圖片的製作了。

當你有了一幅可以自然拼接的圖像後，在Dreamweaver中，我們可以設置background圖片。

打開源文件我們可以看到〈BODY〉標簽中多了一串代碼。代碼的表達式如下：

<BODY BACKGROUND="images/back001.gif" BGCOLOR="#FFFFFF" >

這里的images/back001.gif就是BACKGROUND的值，其圖像文件名為一個URL。當然我們可以在源代碼中直接加入上面的代碼。

下面是一個小例子。假如我們有了一幅適合做背景的小圖，文件為back001.gif，下面就可以重新編寫HTML代碼了。

<HTML>
<HEAD>
<TITLE>歡迎洪恩在線</TITLE>
</HEAD>
<BODY BACKGROUND="images/back001.gif" BGCOLOR="#FFFFFF">
<P><FONT FACE="Arial" SIZE="5" COLOR="#0000ff">12億中國人的網上學校</FONT><FONT FACE="5" COLOR="#0000ff">電腦樂園</FONT></P>
</BODY>
</HTML>

下面是這段代碼產生的顯示效果：

怎麼樣？如果你選擇的背景圖片質量很高的話，背景會更漂亮的。

你可以參照：洪恩在線http://www.hongen.com/pc/homepage/webjq/pm003.htm

5、DW網頁設計如何設置背景圖片問題

要把圖像放入背景，需要使用 background-image 屬性。background-image 屬性的默認值是 none，表示背景上沒有放置任何圖像。

如果需要設置一個背景圖像，必須為這個屬性設置一個 URL 值：
body {background-image: url(/i/eg_bg_04.gif);}

大多數背景都應用到 body 元素，不過並不僅限於此。

下面例子為一個段落應用了一個背景，而不會對文檔的其他部分應用背景：
p.flower {background-image: url(/i/eg_bg_03.gif);}

您甚至可以為行內元素設置背景圖像，下面的例子為一個鏈接設置了背景圖像：
a.radio {background-image: url(/i/eg_bg_07.gif);}

理論上講，甚至可以向 textareas 和 select 等替換元素的背景應用圖像，不過並不是所有用戶代理都能很好地處理這種情況。

另外還要補充一點，background-image 也不能繼承。事實上，所有背景屬性都不能繼承。

背景重復

如果需要在頁面上對背景圖像進行平鋪，可以使用 background-repeat 屬性。

屬性值 repeat 導致圖像在水平垂直方向上都平鋪，就像以往背景圖像的通常做法一樣。repeat-x 和 repeat-y 分別導致圖像只在水平或垂直方向上重復，no-repeat 則不允許圖像在任何方向上平鋪。

默認地，背景圖像將從一個元素的左上角開始。請看下面的例子：

body
{
background-image: url(/i/eg_bg_03.gif);
background-repeat: repeat-y;
}

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

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

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

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

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

導航:首頁 > 萬維百科 > 網頁設計怎麼製作背景圖片

網頁設計怎麼製作背景圖片

與網頁設計怎麼製作背景圖片相關的知識