background-color

background-color其主要用来设置元素的背景颜色，其默认值为transparent（不设置任何颜色情况下是透明色），<color>用来设置背景色彩，常用的颜色格式为：颜色名：如“red”；rgb色:如rgb(255, 0, 0)或rgb(100%, 0%, 0%)；hls值hsl(0, 100%, 50%)，二进制值 #FF0000。在支持CSS3的浏览器中还可以使用rgba值rgba(255,0,0,1)。

 

语法

/* Keyword values */
background-color: green;
 
/* Hexadecimal value */
background-color: #bbff00;
 
/* RGB value */
background-color: rgb(122, 122, 122);
 
/* HSLA value */
background-color: hsla(50, 43%, 45%, 0.75);
  
/* Special keyword values */
background-color: currentColor;
background-color: transparent;
  
/* Global values */
background-color: inherit;
background-color: initial;
background-color: unset;

值

值描述
transparent背景透明。
color通常有这几种格式rgb() 、rgba() 、 hsl()、hsla()

例子

HTML 

<div class="bg-color-result"></div>

CSS 

bg-color-result {
  background-color: green;
  height:30px;
  width:30px;
}

执行结果

参考

相关链接

外部链接


跳至内容顶部