CSS中的背景颜色设置是一项很基础的技能，对于网页设计师和开发者来说都非常重要。

首先，要设置背景颜色，首先需要知道需要设置的元素的ID或者class。HTML中，id使用#符号表示，class使用.符号表示。

/* 设置ID为example的元素背景颜色为红色 */
#example {
  background-color: red;
}

/* 设置class为box的元素背景颜色为蓝色 */
.box {
  background-color: blue;
}

在上面的示例中，我们使用了background-color属性来设置背景颜色。可以使用十六进制、RGB或者颜色名称等表示颜色。

/* 使用十六进制形式表示颜色 */
#example {
  background-color: #ff0000;
}

/* 使用RGB形式表示颜色 */
#example {
  background-color: rgb(255, 0, 0);
}

/* 使用颜色名称表示颜色 */
#example {
  background-color: red;
}

在实际应用中，我们通常要根据不同的情况设置不同的背景颜色，这时可以使用伪类选择器。常用的伪类选择器有:hover、:active和:focus等，我们可以根据不同的状态设置不同的背景颜色。

/* 当鼠标悬停在box元素上时，设置背景颜色为黄色 */
.box:hover {
  background-color: yellow;
}

除了使用背景颜色外，我们还可以设置背景图像、背景大小、背景位置等属性，这些都是非常实用的技能。通过熟练掌握这些技能，我们可以创作出更加丰富多彩的网页设计。