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

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


语法

1
2
3
selector {
  background-color: color;
}

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


颜色值

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


1. 预定义颜色

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


2. 十六进制值

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


3. RGB值

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


代码示例

1
2
3
4
5
6
7
8
9
10
11
12
13
14
/* 使用预定义颜色 */
body {
  background-color: red;
}
 
/* 使用十六进制值 */
.header {
  background-color: #00FF00;
}
 
/* 使用RGB值 */
.footer {
  background-color: rgb(0, 0, 255);
}

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

猿教程
请先登录后发表评论
  • 最新评论
  • 总共0条评论