什么是背景色？
在开始讲解如何设置背景色之前，先来了解一下什么是背景色。在网页中，背景色是指页面的背景颜色，也就是网页的底色。通过设置背景色，可以让网页看起来更加美观，也可以突出网页中的内容，提高网页的可读性。
在HTML中设置背景色非常简单，只需要用一行代码即可完成。
<body style="background-color: 背景色"> 背景色的取色方式
在设置背景色时，需要用一个颜色值来代表背景色。那么颜色值从哪里来呢？在HTML中，颜色值有三种表示方式：
颜色名称：如red表示红色
十六进制值：以#开头，后面跟6位16进制数，如#FF0000表示红色
RGB值：格式为rgb(红色值,绿色值,蓝色值)，如rgb(255,0,0)表示红色
其中，以十六进制值表示颜色最常用，在网页制作中也是最为常见的颜色表示方式。
设置背景色的示例
下面通过几个例子来演示如何设置背景色。
设置背景色为红色
<body style="background-color: red">
<h1>这是一个标题</h1>
<p>这是一段文本</p>
</body>
设置背景色为十六进制值
<body style="background-color: #FF0000">
<h1>这是一个标题</h1>
<p>这是一段文本</p>
</body>
设置背景色为RGB值
<body style="background-color: rgb(255, 0, 0)">
<h1>这是一个标题</h1>
<p>这是一段文本</p>
</body>
背景色和背景图片
除了纯色背景之外，还可以设置背景图片。在设置背景图片时，背景色也要设置，以免出现图片加载失败时出现的白色背景。
可以使用下面的代码来同时设置背景色和背景图片：
<body style="background: 背景色 url(图片地址)">
<h1>这是一个标题</h1>
<p>这是一段文本</p>
</body>
其中，图片地址可以是本地路径，也可以是网络路径。
背景色的应用
背景色虽然看起来只是一个简单的颜色设置，但在网页制作中却有很多的应用。下面列举一些典型的应用场景。
设置不同页面的背景色
通过设置不同页面的背景色，可以让页面之间的区别更加明显，同时也可以让整个网站显得更加协调。
<!-- 页面1 -->
<body style="background-color: #F5F5F5">
...
</body>
<!-- 页面2 -->
<body style="background-color: #FFFACD">
...
</body>
设置独立的区块背景色
在网页的设计中，经常需要设置独立的区块背景色，以突出某些内容。比如下面的代码可以设置一个绿色的区块作为一个提示框：
<div style="background-color: #00FF00; padding: 10px;">
<strong>注意！</strong>这是一个提示框。
</div>
设置渐变背景色
通过设置渐变背景色，可以让网页的颜色更加丰富。以下是一个简单的设置渐变背景色的例子：
<body style="background: linear-gradient(to bottom, #FF0000, #00FF00)">
...
</body>
这段代码的意思是从上到下设置一个从红色到绿色的渐变背景色。
总结
在HTML中设置背景色非常简单，只需要用一行代码即可完成。在选择背景色时，需要考虑页面的整体风格以及内容的突出程度。通过设置不同的背景色，可以让页面之间的区别更加明显，同时也可以让整个网站显得更加协调。