代码示例: p { color: blue; }
在上方的代码示例中,通过将字体颜色设置为蓝色,使所有p标签下的文本都显示为蓝色。
除了使用关键字(如red、blue等)指定颜色外,也可以使用rgb或十六进制表示法来明确指定颜色。例如:
代码示例: p { color: rgb(255, 127, 0); } p { color: #FF7F00; }
在上方的代码示例中,第一个p标签的颜色被明确指定为红色、绿色和蓝色分别为255、127和0。第二个p标签的颜色被明确指定为#FF7F00(十六进制表示法)。
当设置字体颜色属性时,可以使用继承来指定在父元素中设置的颜色,例如:
代码示例: body { color: #666666; } h1 { color: inherit; }
在上方的代码示例中,h1标签的字体颜色被设置为inherit(继承),这意味着它将继承它的父元素(即body元素)中指定的颜色。
总体而言,使用CSS中的字体颜色属性可以轻松地控制网页中的文本颜色,提高用户体验和可读性。