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

網頁設計怎麼設置背景

發布時間:2020-10-15 00:53:13

1、網頁設計DW 怎麼添加背景圖片代碼是多少

不知道你的意思是哪種的背景圖片!

1.假如是整張網頁的背景圖片的話,就是寫body的css樣式 也就是 

body { background: url("圖片的地址")}

2.一般的假如圖片的話 

<img src="圖片的地址">

3.一般div塊的地址

div{ background:url("圖片的地址")}

2、網頁設計,怎麼插入局部框架的背景圖片

一、添加背景圖片:body { background: url("xxx.jpg"); }
原本<body>卷標提供了以下幾種設定:
<body
alink=colorvalue
background=url
bgcolro=colorvalue
link=colorvalue
text=colorvalue
bgproperties=fixed /*背景固定
leftmargin=pixels /*離瀏覽器顯示窗左邊的距離
topmargin=fixels /*離瀏覽器顯示窗上面的距離
>
background-image:url(n.jpg)
/*背景圖檔

background-repeat:repeat|repeat-x|repeat-y|no-repeat
/* 重復顯示全影幕|水平方向重復|垂直方向重復|不重復顯示

background-attachment:scroll|fixed
/*卷動或固定

background-position:x%,y%|x,y|top|left|center|bottom|right
/*背景圖文件位置

二、添加框架:

①打開Dreamweaver,新建一個網頁。點擊布局中的框架按鈕,選擇要實現的框架類型。
②這樣就創建了兩個頁面,分布命名。點擊中間的線就是選中了整個頁面,點擊文件\保存框架頁,進行命名。左右兩個頁面分別選中再保存,操作一樣。
③點擊中間的邊框,就選中了整個頁面,可以對整個頁面的屬性進行更改,可以移動中間的邊框,也可以點擊查看\可視化助理,勾選框架邊框來顯示或隱藏邊框。
④再分別更正左右兩個頁面的頁面屬性。

3、製作網頁的時候怎麼設置背景?

設置背景,請在<body>標簽里增加一個class類,這個類寫入background-image標簽。
例如:{background-image:pictrue.jpg}
pictrue.jpg就是你背景圖片的地址,改一下

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

5、html網頁製作,如何設置網頁背景色?

首先打開電腦上自帶的記事本程序,然後輸入html網頁基本結構語句。<html><body></body></html>

由於css樣式必須在標簽<head></head>之間,因此我們點擊<html>後面,輸入<head></head>標簽。

在head標簽之間輸入樣式標簽<style></style>,然後定義一些屬性,例如

<style type="text/css">

body {background-color: yellow} 定義網頁背景色為黃色;

h1 {background-color: #00ff00} 定義h1標簽背景色為#00ff00;

h2 {background-color: transparent} 定義h2標簽背景色為透明;

p {background-color: rgb(250,0,255)} 定義p標簽背景色為rgb值;

p.no2 {background-color: gray; padding: 20px;} 這個定義class屬性為no2的p標簽背景色為灰色,並且邊距為20px;

</style>

然後點擊body標簽後面輸入正文標簽內容,例如

<h1>這是KING</h1>

<h2>這是KING</h2>

<p>這是KING</p>

<p class="no2">這個KING設置20內邊距。</p>

點擊記事本菜單中的文件,選擇另存為,把內容保存為html網頁格式。雙擊打開預覽效果。

我們可以發現代碼中兩個同樣的<p>標簽顯示的css樣式卻不同,區別就在於樣式中定義的p.no2,這就是正文代碼中class="no2"的優勢所在,可以定義個性風格。

6、htmL中怎麼插入背景圖片如何設置背景圖片大小

CSS里設置這兩個參數:

背景圖background: url(/*圖片路徑*/) repeat-x/*平鋪方式*/;

尺寸:backgroun-size:100% 100%。

7、製作網頁如何改變背景顏色?

打開Adobe Dreamweaver,新建一個HTML網頁文件.

網頁的一般結構,首先是DOCTYPE聲明,然後是頭部標簽<head>...</head>,文檔的主體<body>..</body>標簽,我們需要設置網頁背景,直接設置<body>標簽的背景就行了。

點擊右邊的所有規則,新建一條規則,在彈出的界面,選擇器類型為標簽選擇器,選擇器名稱為body,然後點擊確認。

在CSS規則裡面選擇背景,在「background-color」裡面選擇一種顏色作為網頁背景色,然後點擊確認。

然後點擊在瀏覽器調試,查看網頁背景,詳細代碼如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>無標題文檔</title>

<style type="text/css">

body {

background-color: #FC6;

}

</style>

</head>

<body>

</body>

</html>

網頁不僅僅可以用顏色作為背景,還可以用圖片作為網頁背景,打開剛才新建的規則,繼續選擇背景,「background-image」選項後面有瀏覽按鈕,將作為背景的圖片選擇好,然後點擊確認。

然後在調試網頁,查看網頁的背景,圖片已經作為網頁的背景顏色了。代碼如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>無標題文檔</title>

<style type="text/css">

body {

background-image: url(10/38.png);

}

</style>

</head>

<body>

</body>

</html>

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

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

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