這個只需要一行代碼就可以解決了，background即可添加顏色 下面我們來說下具體的添加方法： 首先在css文件或者html標簽內輸入"background-color:red"即可,其中background表示背景,color表示顏色,冒號后面的red表示顏色,我們如果想換個綠色背景,

本文我們將從以下幾個部分來詳細介紹如何在HTML中設置網頁背景顏色：設置單色背景、用圖片當背景、設置漸變背景、設置會自動變色的背景、7 參考

想在HTML中設置網頁背景顏色，你只用在標簽中的“body”元素做些簡單的更改就行了。根據你想要的效果，這些步驟會略有不同。本文會教你如何設置單色背景、圖片背景、漸變背景或動態變色背景。 第一部分：設置單色背景

使用background-color屬性，可以直接在body標簽里設置，也可以在css中設置。 ①：在body標簽里面設置： ②：在css中設置： body{background-color:red;}

第1步：用你常用的文本編輯器打開HTML文件。

想要設置HTML的背景顏色，只要改變body的bgcolor屬性就可以， 不過要注意顏色與文本顏色的搭配不然太難看了； 還可以設置背景為圖片樣式的，需要用到background屬性， 注意文件路徑如果和網頁在一個文件夾內只要寫圖片名字，不然請寫全。 如果圖

從HTML5開始就不再支持屬性了。你想設置背景顏色和網頁其它方面的樣式，就得使用CSS。

首先打開電腦上自帶的記事本程序，然后輸入html網頁基本結構語句。 由于css樣式必須在標簽之間，因此我們點擊后面，輸入標簽。 在head標簽之間輸入樣式標簽,然后定義一些屬性，例如 body {background-color: yellow} 定義網頁背景色為； h1

第2步：在文件中添加標簽。

html中設置元素的背景色都是通過CSS中的background 屬性來完成。 例如，給整個頁面（body）設置背景色：body{background: #ddd;}；如果要將圖片作為背景色：body{background-image: url(1.jpg);}，其中url括號后面的是背景圖片的鏈接。 拓展資料

網頁所有樣式信息都應該編寫在這兩個標簽之中，包括背景顏色。如果文件已經有了

1、打開html開發工具，新建一個html文件在html代碼頁面創建一個并給這個標簽添加一個類名linear： 2、然后為類設置樣式。在title后面創建一個style標簽，然后在這個標簽里面設置linear類的高、漸變（linear-gradient）的樣式，這里的第一個參數

第3步：在標簽中輸入“body”元素。

html中將背景顏色漸變步驟如下： 1、先使用一個div標簽。 2、然后在header標簽里面設置標簽的css樣式。 3、顏色漸變要有一個范圍，需要給div設定width和height，也就是寬度和高度。 4、然后設定div的background背景屬性，如圖所示，背景顏色漸變

你在這里面編寫的所有信息會影響整個網頁。

無標題文檔 window.onload=function(){ var _span=document.getElementsByTagName(span); var CBody=document.getElementsByTagName(body)[0]; _span[0].onclick=function(){ CBody.style.background="#CCE8CF"; } _span[1].onclick=functi

無標題文檔 window.onload=function(){ var _span=document.getElementsByTagName(span); var CBody=document.getElementsByTagName(body)[0]; _span[0].onclick=function(){ CBody.style.background="#CCE8CF"; } _span[1].onclick=functi

第4步：在“body”元素中添加“background-color”屬性。

body里面black和#000和#000000和rgb(0,0,0)是等價的，都能使網頁背景變成黑色，設置的時候選擇一種你會的方法即可

在這個情況中，有效屬性只有“color”，千萬不要輸入“colour”。

方法有很多~建議多看看相關教程! 最簡單的設置背景顏色: 找到標記,在里面打個空格輸入bgcolor="這里寫顏色的英文,也可以是16進制,如"#0099FF". 想插背景圖片輸background="這里是圖片地址" 若要改文字顏色.在文字兩端加標記,在里面輸入color="寫

問題分析： HTML的標簽可以使用CSS的background-color來設置背景顏色以及透明度。 舉例如下： 以下示例將分別演示不透明、50%透明度以及20%透明度的三種不同效果。 HTML代碼： 我是黑色背景，不透明的。 我是黑色背景，50%透明度。 我是黑色背景

第5步：在“background-color”屬性中輸入你想要的背景顏色。

因為“background: #00FF00”后面沒有添加“;”符號，瀏覽器將“background”解析成了“background: #00FF00 font-size:80px;”，所以背景和字體大小不能同時作用。 1、新建html文檔，在body標簽中添加一些p標簽，這時網頁中將會輸出p標簽默認的背景顏色

你可以輸入顏色名稱，比如green、blue、red等，也可以使用16進制顏色代碼，比如#000000是黑色、#ff0000是紅色等。你還可以輸入RGB顏色值，比如rgb(255,255,0)是。下面的例子使用16進制代碼，網頁背景顏色會和wikiHow網站橫幅一樣：

img{ filter: alpha(opacity=50); opacity:0.5; } 透明度 前者對于火狐是 百分之50 ，對于IE來說是 0.5 一個效果 想改低或者高的話直接改數字就可以了

首先，你的代碼布局肯定是有問題的，除了第一張圖后面的導航欄位置全都有問題。 第二：搜狗瀏覽器我沒有，但是不應該出現這樣的情況 第三：由于html上style設置的顏色是高于css代碼里的，所以你說的顯示之前的顏色應該就是這個問題，至于你說的f

白色： #FFFFFF

font-size:12px; 。 一、認識CSS 顏色（CSS color） 這里要介紹的是網頁設置顏色包含有哪些；網頁顏色規定規范。 1、常用顏色地方包含：字體顏色、超鏈接顏色、網頁背景顏色、邊框顏色。2、顏色規范與顏色規定：網頁使用RGB模式顏色。 二、顏色

淡粉紅色：#FFCCE6

Web前端開發技術主要包括三個要素：HTML、CSS和JavaScript！ 它要求前端開發工程師不僅要掌握基本的Web前端開發技術，網站性能優化、SEO和服務器端的基礎知識，而且要學會運用各種工具進行輔助開發以及理論層面的知識，包括代碼的可維護性、組

紅褐色：#993300

1、首先我們選擇鼠標單擊創建一個新的html文件項目。 2、之后選擇鍵盤敲擊代碼使用＃色值創建p-tag和背景顏色的選項。 3、會跳出一個頁面的顯示結果，預覽效果如圖所示。 4、之后選擇鍵盤敲代碼創建p標簽和背景顏色以英語設置背景顏色。 5、接著

靛藍色：#4B0082

body { background-color: green; }一般是改樣式表css

紫羅蘭色：#EE82EE

通過css：background-image語句設置背景。 background-image 屬性會在元素的背景中設置一個圖像。根據 background-repeat 屬性的值，圖像可以無限平鋪、沿著某個軸（x 軸或 y 軸）平鋪，或者根本不平鋪。初始背景圖像（原圖像）根據 background-

w3school網站的HTML顏色名列表羅列了各種顏色的16進制代碼。你可以在這里參考你要的顏色。

在設計里設置會比較簡單，單擊網頁背景，底下屬性欄會有背景圖標，圖標右下角選擇你要的顏色，也可直接在后面輸入顏色代碼

第6步：利用“background-color”設置其它元素的背景色。

frameset里面加不了背景顏色，你只能是給相應的頁面添加顏色，而且frameset里面不能用body

在body元素用“background-color”設置網頁背景色時，你還可以定義其它元素的背景色。在標簽中的background-color屬性加上這些元素就可以了 。

直接通過設置backgroundColor的顏色即可： function changeStyle() { var x=document.getElementById("myframe"); var y=(x.contentWindow || x.contentDocument); if (y.document)y=y.document; y.body.style.backgroundColor="#0000ff"; } You

網頁標題區的背景會是橙色的

這個段落的背景顏色會是紅色背景色

假如：h1標題。 h1{ background:#f00;/*背景顏色紅色*/ font-size:18px;/*字體大小18px*/ color:#000;/*字體顏色黑色*/ } 自己可以嘗試一下，也可以繼續追問。

第二部分：用圖片當背景

第1步：在文本編輯器打開HTML文件。

許多人比較喜歡用圖片當網站背景。你可以使用任何圖片、照片、圖案或紋理。從HTML5開始，所有類型的背景都必須用CSS（層疊樣式表）的標簽設置。

第2步：在文件中添加標簽。

html中設置元素的背景色都是通過CSS中的background 屬性來完成。 例如，給整個頁面（body）設置背景色：body{background: #ddd;}；如果要將圖片作為背景色：body{background-image: url(1.jpg);}，其中url括號后面的是背景圖片的鏈接。 拓展資料

網頁所有樣式信息都應該編寫在這兩個標簽之中，包括背景顏色。如果文件已經有了

1、打開html開發工具，新建一個html文件在html代碼頁面創建一個并給這個標簽添加一個類名linear： 2、然后為類設置樣式。在title后面創建一個style標簽，然后在這個標簽里面設置linear類的高、漸變（linear-gradient）的樣式，這里的第一個參數

第3步：在標簽中輸入“body”元素。

html中將背景顏色漸變步驟如下： 1、先使用一個div標簽。 2、然后在header標簽里面設置標簽的css樣式。 3、顏色漸變要有一個范圍，需要給div設定width和height，也就是寬度和高度。 4、然后設定div的background背景屬性，如圖所示，背景顏色漸變

你在這里面編寫的所有信息會影響整個網頁。

無標題文檔 window.onload=function(){ var _span=document.getElementsByTagName(span); var CBody=document.getElementsByTagName(body)[0]; _span[0].onclick=function(){ CBody.style.background="#CCE8CF"; } _span[1].onclick=functi

無標題文檔 window.onload=function(){ var _span=document.getElementsByTagName(span); var CBody=document.getElementsByTagName(body)[0]; _span[0].onclick=function(){ CBody.style.background="#CCE8CF"; } _span[1].onclick=functi

第4步：在“body”元素中添加“background-image”屬性。

你需要輸入圖像文件名。圖像文件一定和HTML文件同在一個文件夾里，或者你可以輸入有關圖片的完整網址。

最好再多加一個background-color屬性，萬一背景圖片加載失敗，網頁背景也不至于是空白的。

第5步：使用多張圖片，實現多層背景效果。

你可以將多張圖片疊加在一起。如果你的圖片是透明背景，疊加在一起可以相互補充，那么這種方法很適合你。

第一個圖片會出現在最上方，第二個圖片會出現在第一個圖片的后面。

第三部分：設置漸變背景

第1步：用CSS設置漸變背景。

你覺得單色背景太單調了，想要更獨具一格，但又不想要自動變色背景那樣讓人眼花繚亂？那不妨試一試漸變背景吧。漸變指的是從一個色彩緩慢過渡到另一個色彩。你可以用CSS創造和自定義你想要的漸變效果。在這之前，你得先了解CSS的基本概念。

第2步：了解基本語法。

創造漸變效果時，你需要設置兩個參數，也就是起始點或角度，還有要產生漸變過渡效果的顏色。你可以選擇多個顏色進行漸變，并設置漸變方向或角度。

background: linear-gradient(方向或角度，顏色1，顏色2，顏色3等);

第3步：實現垂直漸變。

如果你沒有指定方向，顏色會從上往下漸變。不同的瀏覽器在實現漸變效果時會有些不同，所以你需要涵蓋幾個版本的編碼。

第4步：實現定向漸變。

你可以通過添加漸變方向改變顏色漸變的方式。注意，不同的瀏覽器詮釋方向的方式也不一樣。下面的例子會在不同的瀏覽器產生相同的漸變效果。

第5步：用其它屬性調整漸變效果。

你還可以做更多更復雜的漸變效果。

舉個例子，你不但可以添加2種以上的顏色，還能在每種顏色后面加上百分比，設置每種顏色的間距。

background: linear-gradient(#93B874 10%, #C9DCB9 70%, #000000 90%);

給顏色添加透明效果。這會讓顏色慢慢褪去。讓同一種顏色從彩色變成完全透明。你需要用rgba()功能定義顏色。最后一個值表示透明度，0是完全不透明，1是完全透明。

background: linear-gradient(to right, rgba(147,184,116,0), rgba(147,184,116,1));

第四部分：設置會自動變色的背景

第1步：找到HTML編碼的

-webkit-animation屬性用在基于Chromium的瀏覽器，比如Chrome、Opera和Safari。animation屬性則是其它瀏覽器的標準語法。

colorchange是在這個例子中的動畫效果。

60s是動畫效果或過渡的時長，也就是60秒。webkit和標準語法都要設置時長。

infinite 表示一直重復動畫效果。如果你只想要各種顏色循環一次，然后停在最后一個顏色，那就跳過這個部分。

第3步：在animation屬性中添加顏色。

現在你將用@keyframes規則設置要循環的背景顏色，和每種顏色出現的時長。不同的瀏覽器用的編碼不一樣，你需要輸入兩套編碼。

注意，@-webkit-keyframes和@keyframes這兩個規則有相同的背景顏色和百分比。你需要確保所有參數一致，這樣不管用哪一種瀏覽器打開網頁，都有一樣的瀏覽體驗。

0%、25%等百分比指的是動畫總時長60s的百分比。頁面加載時，背景顏色是你在0%設置的#33FFF3。一旦動畫進行到60秒的25%，背景會變成#78281F，以此類推。

你可以修改時間和顏色，得到你想要的效果。

參考

https://developer.mozilla.org/en-US/docs/Web/CSS/background-color

http://www.w3schools.com/css/css_background.asp

http://www.w3schools.com/cssref/pr_background-image.asp

https://css-tricks.com/css3-gradients/

http://www.w3schools.com/css/css3_gradients.asp

https://codepen.io/metagrapher/pen/tgcLl

http://www.w3schools.com/css/css3_animations.asp

擴展閱讀，以下內容您可能還感興趣。

html中怎么動態實現網頁背景顏色的轉換！比如下圖有三種背景顏色可以選擇，通過點擊相應東西改變背景顏色

__

__

__

這是完整的代碼，我只是給你加了中的內容，也就是js代碼，自己看下，不懂的還可以問我。

html怎么設置背景顏色和怎么添加圖片

?body里面black和#000和#000000和rgb(0,0,0)是等價的，都能使網頁背景變成黑色，設置的時候選擇一種你會的方法即可

你看看這段代碼吧，你想引用本地圖片得看路徑，你現在連網絡圖片都不會引用

html怎樣設置字體的背景顏色?

方法有很多~建議多看看相關教程!

最簡單的設置背景顏色:

找到標記,在里面打個空格輸入bgcolor="這里寫顏色的英文,也可以是16進制,如"#0099FF".

想插背景圖片輸background="這里是圖片地址"

若要改文字顏色.在文字兩端加標記,在里面輸入color="寫英文或16進制,同上!"

整體效果:

這里是文字 //后面的size控制字體大小

若想用樣式控制,全部代碼如下:

//這里調用標簽選擇符樣式

字體的顏色 //這里調用類選擇符樣式

HTML如何給背景顏色設置透明度

問題分析：

HTML的標簽可以使用CSS的background-color來設置背景顏色以及透明度。

舉例如下：

以下示例將分別演示不透明、50%透明度以及20%透明度的三種不同效果。

HTML代碼：