css背景设置不同颜色

CSS背景可以设置不同颜色，这在网页设计中非常重要。下面我们来介绍如何使用CSS来设置不同背景颜色。

/* 设置背景颜色 */
body {
  background-color: #f1f1f1;
 /* 灰色背景 */
}
.header {
  background-color: #333;
 /* 黑色背景 */
  color: #fff;
 /* 文字颜色为白色 */
}
.footer {
  background-color: #ccc;
 /* 浅灰色背景 */
}
.content {
  background-color: #fff;
 /* 白色背景 */
}
 

上面的代码中，我们使用了CSS的background-color属性来设置不同的背景颜色。需要注意的是，这个属性值可以使用十六进制颜色值、RGB颜色值、颜色名称等多种方式来表示。

另外，我们还可以在设置背景颜色的同时，为元素设置其他样式，例如字体颜色、边框颜色等。

总之，CSS背景颜色的设置非常灵活，只要掌握了基本的语法和技巧，就可以轻松地为网页设置不同背景颜色了。