前景颜色通常是字体的颜色,使用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