如何在 HTML 中設定背景顏色?


設定網頁或網頁上元素的背景顏色,使我們能夠為網頁建立獨特的佈局。

要在 HTML 中設定背景顏色,請使用 style 屬性,並在 HTML 文件的 body 標籤 內使用 CSS 屬性 background-color

HTML5 不支援 <body> 標籤的 bgcolor 屬性,因此使用 CSS 樣式新增背景顏色。 bgcolor 屬性在 HTML5 中已棄用。

我們可以透過使用其他屬性覆蓋該屬性來更改背景顏色。

語法

<body style="background-color:aquamarine;">

示例

以下是設定 HTML 中背景顏色的示例程式。

<!DOCTYPE html> <html> <body style="background-color:aquamarine;"> <h1>HTML Articles</h1> </body> </html>

我們可以透過使用其他顏色覆蓋該屬性來更改背景顏色。

示例

以下是設定 HTML 中背景顏色的示例程式。

<!DOCTYPE html> <html> <body style="background-color:khaki;"> <h1>HTML Articles</h1> </body> </html>

我們可以使用 RGB 值指定背景顏色。 RGB 值表示其紅色、綠色和藍色的顏色強度。 每個強度值都在 0 到 255 的範圍內,或者在十六進位制中從 00 到 FF。

示例

以下是使用 RGB 值設定背景顏色的示例程式。

<!DOCTYPE html> <html> <head> <style> body { background-color: rgb(20,30, 1); } </style> <h1>HTML Articles</h1> </head> <body> </body> </html>

更新於: 2023年8月29日

237K+ 瀏覽量

啟動您的 職業生涯

透過完成課程獲得認證

開始學習
廣告

© . All rights reserved.