CSS background-color 属性

返回 CSS 参考手册

定义

background-color 属性设置元素的背景颜色。

继承性：No

说明

background-color 属性为元素设置一种纯色。这种颜色会填充元素的内容、内边距和边框区域，扩展到元素边框的外边界。如果边框有透明部分（如虚线边框），会透过这些透明部分显示出背景色。

transparent

尽管在大多数情况下，没有必要使用 transparent。不过如果您不希望某元素拥有背景色，同时又不希望用户对浏览器的颜色设置影响到您的设计，那么设置 transparent 值还是有必要的。

JavaScript 语法

CSS 属性也可通过一段 JavaScript 被动态地改变。

脚本语法：

object.style.backgroundColor="#00FF00"

在我们的 HTML DOM 教程中，您可以找到更多有关 backgroundColor 属性 的细节。

在我们的 HTML DOM 教程中，您也可以找到完整的 Style 对象参考手册。

例子

p
  { 
  background-color: #00FF00
  }

可能的值

值 描述
color 颜色值可以是颜色名称、rgb 值或者十六进制数。
transparent 默认。背景颜色为透明。

TIY 实例

设置背景颜色
本例演示如何为元素设置背景颜色。
设置文本的背景颜色
本例颜色如何设置部分文本的背景颜色。

返回 CSS 参考手册