文字
分享

语法:

background-color<color>

默认值transparent

适用于:所有元素

继承性:无

动画性:是

计算值:指定值

取值:

说明:

设置或检索对象的背景颜色。
  • 当同时定义了背景颜色和背景图像时,背景图像覆盖在背景颜色之上。

  • 如果设置了 <' background-image '>,同时也建议设置 <' background-color '> 用于当背景图像不可见时保持与文本颜色有一定的对比度。

  • 对应的脚本特性为backgroundColor

兼容性:

ValuesIEFirefoxChromeSafariOperaiOS SafariAndroid BrowserAndroid Chrome
Basic Support6.0+2.0+4.0+3.1+3.5+3.2+2.1+18.0+
transparent
RGBA, HSL, HSLA6.0-8.0
9.0+

实例

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

<!DOCTYPE html>

<html lang="zh-cmn-Hans">

<head>

<meta charset="utf-8" />

<title>background-color_CSS参考手册_web前端开发参考手册系列</title>

<meta name="author" content="Joy Du(飘零雾雨), dooyoe@gmail.com, www.doyoe.com" />

<style>

.test {

    padding: 10px;

    border: 1px solid #000;

    background-color: #808080;

}

</style>

</head>

<body>

<div class="test">灰色背景</div>

</body>

</html>

        


运行实例 »

点击 "运行实例" 按钮查看在线实例



上一篇:background下一篇:background-image