CSS 背景颜色

前景颜色通常是字体的颜色,使用color属性。

背景颜色使用属性backgroud-color。颜色可以使用RGB表示,也可以使用十六进制表示,也可以使用颜色名称表示,还可以使用HSL表示,还可以使用RGBA表示。

示例

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>背景颜色</title>
    <style>
        *{
            color:#fff;
        }
        div{
            height:100px;
            200px;
            padding:16px;
        }
        #a{
            
        }
        #b{
            
        }
        #c{
            
        }
        #d{
            
        }
        #e{
            
        }
    </style>
</head>
<body>
 
<div id="a">
rgb(120,45,96)
</div>
 
<div id="b">
#F7643fe
</div>
 
<div id="c">
#red
</div>
 
<div id="d">
HSL(120,80%,50%)
</div>
 
<div id="e">
颜色 RGBA(234,120,76,0.3)
</div>
 
</body>
</html>

运行结果

原文地址:https://www.cnblogs.com/lsyw/p/10577325.html