如何在CSS中设置背景颜色？

在CSS中，我们可以使用background-color属性来设置元素的背景颜色。

语法

selector {
  background-color: color;
}

其中，selector表示要设置背景颜色的元素选择器，color表示要应用的颜色值。

颜色值

在CSS中，有多种方式表示颜色值：

1. 预定义颜色

可以直接使用预定义的颜色名称，例如：red、green、blue等。

2. 十六进制值

可以使用六位十六进制值表示颜色，例如：#FF0000表示红色，#00FF00表示绿色，#0000FF表示蓝色。

3. RGB值

可以使用RGB值表示颜色，格式为rgb(红色值, 绿色值, 蓝色值)，取值范围为0-255。

代码示例

/* 使用预定义颜色 */
body {
  background-color: red;
}

/* 使用十六进制值 */
.header {
  background-color: #00FF00;
}

/* 使用RGB值 */
.footer {
  background-color: rgb(0, 0, 255);
}

本文为翻滚的胖子原创文章,转载无需和我联系,但请注明来自猿教程iskeys.com

• 上一篇： 如何在CSS中设置背景图片？
• 下一篇： 如何在CSS中为图片添加翻转动画？