background-color

  • 版本:CSS1
  • 媒体:视觉
html+div+css+天猫商城
html5+css3+京东手机网站
javascript+jquery+ajax
正则表达式+面向对象+js插件
2D+3D+触屏事件+Canvas+Svg
地理信息+本地存储+H5拖拽api
查看课程大纲

语法:

background-color<color>

默认值transparent

适用于:所有元素

继承性:无

动画性:是

计算值:指定值

取值:

<color>
指定颜色。

说明:

设置或检索对象的背景颜色。
  • 当同时定义了背景颜色和背景图像时,背景图像覆盖在背景颜色之上。
  • 如果设置了 <' background-image '>,同时也建议设置 <' background-color '> 用于当背景图像不可见时保持与文本颜色有一定的对比度。
  • 对应的脚本特性为backgroundColor

兼容性:

  • 浅绿 = 支持
  • 红色 = 不支持
  • 粉色 = 部分支持
Values IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
Basic Support 6.0+ 2.0+ 4.0+ 3.1+ 3.5+ 3.2+ 2.1+ 18.0+
transparent
RGBA, HSL, HSLA 6.0-8.0
9.0+

示例: