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

網頁設計網頁背景圖片怎麼設置

發布時間:2021-02-20 20:07:23

1、網頁設計,div層如何添加背景圖?

是的,如果直接給div寫樣式,確實是所有的div都會應用此樣式;
方法有很多,你可以定義一個樣式名,例如 .cc:{background:#999},所需要添加此樣式的那個div 設置class="cc";
方法二 :你也可以定義一個id然,例如 #dd:{background:#999},給你所需要添加此樣式的那個div設置 id="dd";
明白了嗎?
希望我的回答對你有幫助,望採納。。。謝謝了~~~

2、用dreamweaver製作網頁時如何設置背景圖片

1、確認文件路徑正確。
2、文件路徑(包括文件名)不能有中文、空格等特殊字元。
建議將圖像文件名只用字母與數字來命名。

3、製作網頁時怎麼添加背景圖片

?

4、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;
}

5、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屬性去掉,要不然會被遮住。

6、在網頁設計中怎麼讓背景圖片水平居中

background-image:url(/images/bg.jpg); /*背景圖片*/
background-repeat:no-repeat; /*背景圖片不重復*/
background-position:center top; /*水平居中,垂直頂對齊*/

7、網頁設計製作,怎麼插入背景圖片?謝謝指教

頁面屬性裡面可以添加
你打開以後看下就知道了

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

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

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

<style type="text/css">
body{ background-image:url(img/2.jpg); background-repeat:no-repeat;}
</style>
img/2.jpg這個換成你的圖片地址
把這段代碼放到<head>和</head>之間

10、怎麼使網頁中的背景圖片平鋪~!急

CSS設置背景圖片平鋪:
<style type="text/css">
<!--
body {
background-image: url(img/top04.jpg);
background-repeat:no-repeat;:repeat;repeat-x;repeat-y;
【在此設置,分別顯示背景為,不平鋪,平鋪,沿X軸平鋪,沿Y軸平鋪】
}
-->
</style>
解決辦法,圖片高寬設置合適後,使用background-repeat:no-repeat;

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