html5中怎么加入背景颜色填充
在HTML5中，我们可以使用CSS（层叠样式表）来设置网页的背景颜色，CSS是一种样式表语言，用于描述HTML或XML（包括各种XML方言，如SVG、MathML或XHTML）文档的呈现方式，CSS描述了在屏幕、纸质、音频等媒体上元素应该如何被渲染出来。
以下是如何在HTML5中加入背景颜色的详细步骤：
1、创建HTML文件：我们需要创建一个HTML文件，你可以使用任何文本编辑器来创建这个文件，例如Notepad++，Sublime Text，或者更专业的Web开发工具如Visual Studio Code。
2、添加HTML结构：在HTML文件中，我们需要添加一个基本的HTML结构，这个结构包括DOCTYPE声明，html标签，head标签和body标签。
3、添加CSS样式：在head标签中，我们可以添加一个style标签来包含我们的CSS样式，在这个style标签中，我们可以定义body标签的背景颜色。
4、设置背景颜色：在style标签中，我们可以使用backgroundcolor属性来设置body标签的背景颜色，这个属性接受任何有效的颜色值。
以下是一个简单的示例，展示了如何在HTML5中设置背景颜色：
<!DOCTYPE html>
<html>
<head>
<style>
body {
backgroundcolor: lightblue;
}
</style>
</head>
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>
</body>
</html>
在这个示例中，我们设置了body标签的背景颜色为lightblue，你可以在浏览器中打开这个HTML文件，你会看到页面的背景颜色已经变成了lightblue。
除了使用预定义的颜色值，我们还可以使用RGB或HSL颜色模式来定义自定义的颜色，我们可以使用rgb(r, g, b)函数来定义一个RGB颜色，其中r、g和b分别是红色、绿色和蓝色的强度，我们也可以使用hsl(h, s, l)函数来定义一个HSL颜色，其中h是色相，s是饱和度，l是亮度。
以下是如何使用RGB和HSL颜色模式来设置背景颜色的示例：
<!DOCTYPE html>
<html>
<head>
<style>
body {
backgroundcolor: rgb(0, 0, 255); /* 蓝色 */
}
body {
backgroundcolor: hsl(120, 100%, 50%); /* 绿色 */
}
</style>
</head>
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>
</body>
</html>
在这个示例中，我们首先设置了body标签的背景颜色为蓝色，然后我们又设置了body标签的背景颜色为绿色，由于我们在style标签中对body标签设置了两次背景颜色，所以最后显示的背景颜色将是绿色的HSL颜色。
使用CSS来设置HTML5的背景颜色是非常简单的，只需要在head标签中添加一个style标签，然后在style标签中使用backgroundcolor属性来设置body标签的背景颜色即可，你可以选择使用预定义的颜色值，也可以选择使用RGB或HSL颜色模式来定义自定义的颜色。
