如何在 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日

23.7万+ 次浏览

启动您的职业生涯

通过完成课程获得认证

开始学习
广告
© . All rights reserved.