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