CSS background-color 属性

定义

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 实例

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