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

相关文章

• HTML DOM 输入按钮对象
• HTML 画布 shadowBlur 属性
• HTML DOM address 对象
• HTML 画布 shadowColor 属性
• 使用 onmouseover 属性更改网页背景颜色
• HTML 画布 fillStyle 属性
• HTML frame 框架标签
• HTML Canvas clearRect() 方法
• HTML body 标签
• HTML optgroup 标签

有用资源

• html 参考教程 - 该教程包含有关 html 的更多信息:https://www.cainiaomax.com/html/