HTML 如何设置背景色

如何在HTML中设置背景色

在网页或网页元素上设置背景色可以帮助我们创建独特的布局。

要在HTML中设置背景色,可以使用style属性,并在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>

Camera课程

Python教程

Java教程

Web教程

数据库教程

图形图像教程

办公软件教程

Linux教程

计算机教程

大数据教程

开发工具教程