網頁設計中的顏色要如何設置_html網頁製作如何設置網頁背景色

1、製作網頁如何改變背景顏色？

打開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">

<head>

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

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">

<head>

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

body {

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

}

</style>

</head>

<body>

</body>

</html>

2、html網頁製作，如何設置網頁背景色？

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

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

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

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"的優勢所在，可以定義個性風格。

3、怎樣在網頁設計中設計段落中字體的顏色？

<!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>
</head>

<body>
<p> </p>
<p><a target="_blank" style="color:#CCCCCC; text-decoration:none" href="http://www.qq.com">一個地方設置灰色，</a></p>
<p><a target="_blank" style="color:#00FF00; text-decoration:none" href="http://www.baidu.com">一個地方設置綠色，</a></p>
<p><a target="_blank" style="color:#000000; text-decoration:none" href="http://www.sina.com">一個地方設置黑色</a></p>
</body>
</html>

4、網頁設計中怎麼配色

(一) 紅色搭配：紅色是非常容易吸引人注意力的顏色，能夠給人以溫暖熱情的感覺，這是紅色的優點，但是也有其致命的缺點，即容易引起視覺疲勞。紅色在各種媒體中被廣泛的運用，主要在於醒目且給人有活力、積極、熱誠、溫暖、積極向上的精神和形象。紅色的搭配主要是：(1)在紅色中加入少量的黃，會使其熱力強盛，趨於躁動和不安(2)在紅色中加入少量的藍，會使其熱性減弱，更加文雅和柔和(3)在紅中加入少量的白，會使其性格變的溫柔，呈現含蓄、羞澀和嬌嫩。

(二)黃色的色彩搭配：黃色通常呈現敏感和不安寧的視覺印象，這是它的缺點。但是黃色因有著金色的光芒，能夠象徵希望、權力和功名，還帶有神秘的宗教色彩，有時候，黃色還能給人明亮、充滿甜蜜和幸福感的感覺，很多設計師通常在作品中運用黃色來表現喜慶和華麗的感覺。黃色的搭配主要是：(1)在黃色中加入少量的藍，呈現嫩綠色，去其高傲，成其平和、潮潤的視覺效果(2)在黃色中加入少量的紅，呈現橙色，去其冷漠、高傲，成其分寸感極強的熱情和溫暖(3)在黃色中加入少量的白，呈現柔和色彩，去其冷漠和高傲，成其含蓄、親和。

(三)藍色的色彩搭配：藍色給人以冷漠，性格朴實而內向的感覺，但也呈現朴實、內向性格，可以為活躍、具有較強擴張力的色彩提供深遠、廣埔、平靜的空間。此外，藍色還可以淡化處理保持個性色彩，即便是在藍色中分別加入少量的紅、黃、黑、橙、白等色，均不會對藍色的性格構成較明顯的影響力。藍色的搭配主要是：(1)藍色中加入橙黃，將呈現甜美、亮麗和芳香(2)藍色中加入橙白，將凸顯焦躁無力的橙色知覺。

(四)綠色的色彩搭配：綠色是黃藍兩色綜合而成，將黃色的擴張感和藍色的收縮感相中和，將黃色的溫暖感與藍色的寒冷感相抵消，因此，綠色是最平和、安穩、柔順、恬靜、潢足、優美的色彩。綠色的搭配主要是：(1)綠色中黃色較多時，呈現活潑、友善和幼稚的性格(2)綠色中加入少量的黑，呈現莊重、老練和成熟(3)在綠色中加入少量的白，呈現潔凈、清爽和鮮嫩。

(五)紫色的色彩搭配。紫色在所有色彩中明度最低的一種顏色，這種低明度給人沉悶和神秘的感覺。紫色的搭配主要是：(1)在紫色中紅的成份較多時，呈現壓抑感和威脅感。(2)紫色中加入白，可以去其沉悶的感官感受，呈現優雅、嬌氣，並充滿女性的魅力。

(六)白色的色彩搭配。白色的色感光明，性格朴實、純潔、快樂，又具有聖潔的不容侵犯的感覺，所以說如果在白色中加入其它任何色，都會影響其純潔性，使其性格變的含蓄。

5、網頁設計問題，就是如何在css布局中設置邊框大小、顏色問題

我個人建議你應該先學學基本的HTML和CSS知識，可視化的網頁編輯工具對於新手來說是比較方便，但是這樣的結果是「知其然不知其所以然」，而且有的時候用軟體是達不到想要的效果的，還得直接修改HTML和CSS代碼。

img {border:1px solid #666666;}

6、如何在HTML中設計水平線的顏色？

在HTML中設計水平線的方法如下

1 在網頁設計過程中，如果隨意利用預設水平線，常常會出現插入的水平線與整個網頁顏色不協調的情況。打開水平線屬性面板也只有寬、高、對齊以及陰影方面的設置。

2，對水平線顏色的設置，怎麼辦? 其實，你只要仔細看一下水平線的屬性設置面板，就會發現一個「快速標簽編輯器」，點擊此標簽並在後面輸入color=顏色。這里的「顏色」可以是任何顏色，一般格式為：< hr color=#FF0000>。

3，用這個方法設置後，在Dreamweaver中無法直接看到效果，我們可以點擊「F12」鍵，在瀏覽器里瀏覽水平線的顏色變化。

最後，再告訴你個小技巧

諸如「#FF0000」這樣的顏色代碼對於初級朋友來說不容易分辯，你可以這樣做：給網頁中的字體加上顏色此顏色是你想給水平線所要加的顏色，然後把顏色代碼復制並粘貼到水平線的「快速標簽編輯器」即可。

7、製作網頁時如何用CSS設置不同顏色的超鏈接？

a:link {color: #FF0000} /* 未訪問的鏈接 */
a:visited {color: #00FF00} /* 已訪問的鏈接 */
a:hover {color: #00FF00} /* 滑鼠移動到鏈接上 */
a:active {color: #00FF00} /* 選定的鏈接 */

8、網頁設計怎麼改超鏈接的字體顏色？

直接通過設置元素的color屬性即可改變超鏈接的顏色。

工具原料：編輯器、瀏覽器

1、設置超鏈接字體顏色的簡單代碼如下：

<!DOCTYPE html>
<html lang="zh">
<head>
<title>Document</title>
</head>
<body>
<a href="#"style="color: red;">鏈接一</a>
<a href="#"style="color: #090;">鏈接二</a>
<a href="#"style="color: yellow;">鏈接三</a>

</body>
</html>

2、運行的結果如下圖：

9、網頁設計中怎麼用代碼設定超級鏈接顏色

<html>
<head>
<title>Css:a:link使用</title>
<style>
a:link{
color:#990000;
font-size:12px;
text-decoration:none;
}
</style>
</head>
<body>
<h2>在下面的實例中．你點擊超鏈接以後會發現字體變大，而且會出現下劃線．這就對了．因為link只會對沒有被點擊過的超鏈接進行設置．<br/>
我們可以使用visited來對點擊過的超鏈接進行外觀設置</h2>
<hr/>
下面這組列表不是超鏈接，所以link不會這些元素起到任何效果
<ul>
<li>Html</li>
<li>Css</li>
<li>Dom</li>
</ul>
下面的超鏈接會按照link設置的顯示
<ul>
<li><a href="http://www.web666.net/html">html</a></li>
<li><a href="http://www.web666.net/javascript">JavaScript</a></li>
<li><a href="http://www.web666.net/ajax">Ajax</a></li>
</ul>
</body>
</html>

10、網頁設計中如何設計自動改變字體顏色

自動改變顏色？
目前能力沒達到
css中改變字體顏色
color:#000 用color屬性就可以了
只聽說過用數組設定幾個顏色然後隨機調用出顏色
或者滑鼠劃上去顏色改變
自動改變還真不知道！

導航:首頁 > 萬維百科 > 網頁設計中的顏色要如何設置

網頁設計中的顏色要如何設置

與網頁設計中的顏色要如何設置相關的知識