css中的color什么意思

admin 轻心小站 关注 LV.19 运营
发表于前端技术学习版块 css,教程

CSS中的color属性用于指定文本的颜色。p { color: red; } 如上所示,p标签中的文字颜色被设置为红色。除了使用预设的颜色名称(如red、blue、green)外,还可以通过指定颜色

CSS中的color属性用于指定文本的颜色。

p {
  color: red;
} 

如上所示,p标签中的文字颜色被设置为红色。

除了使用预设的颜色名称(如red、blue、green)外,还可以通过指定颜色的RGB值或十六进制值来设置颜色。

p {
  color: rgb(255, 0, 0); /* 等同于red */
  color: #FF0000; /* 也等同于red */
} 

如上所示,RGB值表示红色为255、绿色为0、蓝色为0,而十六进制值表示红色的值为FF、绿色和蓝色的值均为00,最终都表示红色。

color属性不仅可以应用于文本,还可以应用于其他元素的颜色,如背景色。

body {
  background-color: #F5F5F5; /* 灰色背景 */
}

h1 {
  color: #FF6600; /* 橙色标题 */
} 

如上所示,使用color属性可为不同元素指定不同的颜色。

文章说明:

本文原创发布于探乎站长论坛,未经许可,禁止转载。

题图来自Unsplash,基于CC0协议

该文观点仅代表作者本人,探乎站长论坛平台仅提供信息存储空间服务。

评论列表 评论
发布评论

评论: css中的color什么意思

粉丝

0

关注

0

收藏

0

已有0次打赏