div 背景色_div背景颜色设置

为 <div> 元素设置背景色，可以使用 CSS 的 background-color 属性（使用时候 background-color可以简写为background使用）。该属性可以接受各种颜色值，包括命名颜色、十六进制颜色码、RGB 值、HSL 值等。

以下是一些设置 <div> 元素背景色的示例：

1、使用命名颜色：

<div style="background-color: red;">红色背景</div>
<div style="background-color: blue;">蓝色背景</div>

2、使用十六进制颜色码（推荐使用）：

<div style="background-color: #ff0000;">红色背景</div>
<div style="background-color: #0000ff;">蓝色背景</div>

可以简写为(推荐使用):

<div style="background: #ff0000;">红色背景</div>
<div style="background: #0000ff;">蓝色背景</div>

3、使用 RGB 值：

<div style="background-color: rgb(255, 0, 0);">红色背景</div>
<div style="background-color: rgb(0, 0, 255);">蓝色背景</div>

4、使用 HSL 值：

<div style="background-color: hsl(0, 100%, 50%);">红色背景</div>
<div style="background-color: hsl(240, 100%, 50%);">蓝色背景</div>

以上示例中，我们使用内联样式将背景色应用于 <div> 元素。你也可以将样式定义在 CSS 文件中，并使用类名或选择器来选择 <div> 元素，并应用相应的背景色。

请根据你的需求选择合适的颜色值，并将其应用于 <div> 元素的 background-color 属性中，以设置所需的背景色。