前景颜色通常是字体的颜色,使用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; width: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/lszw/p/10577325.html