在CSS中,color属性用于指定元素文本的颜色。
color: red;
上面的代码将元素文本的颜色设置为红色。除了关键字值,还可以使用十六进制、rgb或rgba值来指定颜色。
color: #00ff00; /*绿色*/ color: rgb(255, 0, 0); /*红色*/ color: rgba(0, 0, 255, 0.5); /*半透明蓝色*/
你可以在全局样式中指定所有元素的文本颜色,也可以针对单独的元素进行设置。另外,你也可以通过CSS伪类(如:hover)来指定元素在不同状态下的颜色。
h1 { color: blue; } a:hover { color: yellow; }
需要注意的是,color属性只能用于指定元素的文本颜色,而不是背景颜色。若要设定背景颜色,需要使用background-color属性。
background-color: pink;
最后需要提醒的是,一定要谨慎选择颜色,避免出现难以识别的低对比度效果,影响用户体验。