如何在 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+ 浏览量

启动您的 职业生涯

通过完成课程获得认证

开始学习
广告