網頁設計背景顏色_製作網頁如何改變背景顏色

1、css設置背景顏色了，為啥沒出來，在設計里有，在網頁中就沒有？求解

部分情況下不排除代碼不規范造成的IE瀏覽器不兼容問題，你可以使用下谷歌瀏覽器、火狐瀏覽器進行下對比，另外也可能有布局不合理的情況，可以參考下下面的情況：

背景顏色不顯示的原因主要有以下幾個方面：

1. css沒有被調用

2. div的高度沒有固定，是auto、沒有設值或者高度不夠

3. div被嵌套

4. div代碼不規范

解決辦法：

- DIV高度為自動，背景顏色無法顯示，在代碼中將原代碼height:auto; 改為height:100%; overflow:hidden;!important；同時還可以兼容 IE6、7、8和谷歌火狐。

- 假設對一個對象設置了background背景顏色樣式，該對象內部盒子有使用float浮動屬性樣式，這個時候該對象浮動產生，導致該對象不能撐開，所以css背景顏色就不能無法顯示，解決方法有三種，一個是設置clear清除浮動、設置css高度、設置css overflow樣式。

- 高度限製造成了背景顏色不能顯示完整，假如你有個對象沒有計算好高度（或無意設置了一個很小高度屬性樣式），因為不確定內容有多少，當內容超過你設置高度限制，這個時候超出部分背景就可能無法顯示。設置夠高的高度，或取消刪除高度樣式即可。

案例：

因為外層的div沒有設置高度，所以設置如上代碼之後，看到的是三個透明的方框，

正確代碼如下：
<div style="width:960px; height:200px;background-color:#000000">
    <div  style="width:300px; height:200px; float:left">左側</div>
    <div  style="width:300px; height:200px; float:left">中部</div>
    <div  style="width:360px; height:200px; float:left">右側</div>
</div>

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、網頁設計後台怎麼換背景顏色

你可以在根目錄下找到樣式表文件（.css）；然後在
body｛
background：#000000；（這就是整個頁面最回底層的答顏色了）
｝

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

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

5、網頁設計表格背景顏色

可以用background

body
  {
  background: #00FF00 url(bgimage.gif) no-repeat fixed top;
  }

定義和用法

background 簡寫屬性在一個聲明中設置所有的背景屬性。

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

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

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

7、如何設置網頁背景顏色

第一步，在桌面上點擊滑鼠右鍵，依次點擊「屬性」、「外觀」、「高級」按鈕。

第二步，在打開的「高級」對話框中，在「項目」下拉列表裡選擇「窗口」。

第三步，再打開右邊對應的「顏色」列表，選擇其中的「其他」一項，在打開的對話框里，把「色調」的參數設置為85，把「飽和度」參數設置為90，把「亮度」參數設置為205。再點擊「確定」退出設置。

第四步，打開ie瀏覽器，選擇「工具」欄中的「internet選項」，點擊「輔助功能」按鈕，在「不使用網頁中指定的顏色」前打鉤。
全部步驟完成後，網頁、文件夾、文本文檔里的背景顏色都變成了綠色。其中，色調、飽和度和亮度的參數值，還可以根據個人的喜好稍作修改，讓自己用電腦的候最舒服。

導航:首頁 > 萬維百科 > 網頁設計背景顏色

網頁設計背景顏色

與網頁設計背景顏色相關的知識