CSS颜色控制属性

本文主要介绍了CSS中修改文字颜色的方法。包括通过COLOR属性,其取值有英文单词、rgb、rgba、十六进制及十六进制缩写等。如rgb通过三原色像素值表示颜色,rgba还能控制透明度,十六进制每两位代表一种颜色,部分情况可缩写。最后提到可用拾色器取色。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

CSS颜色控制属性(上)

  1. 默认情况下,文字颜色为黑色。
  2. 在网页中,修改字体的颜色:
    在这里插入图片描述
    在CSS中如何通过COLOR 属性来修改按文字属性。
    格式: color: 值
    取值: 1.1 英文单词
    一般情况下常见的颜色都有对应的英文单词,但是英文单词能够表达的颜色是有限制的。也就是说不是所有的 颜色都能够通过英文单词来表达。
    1.2 rgb
    rgb 其实就是三颜色,其实r(red 红色) g(green 绿色) b(blue 蓝色)
    格式:rbg (0,0,0) (红色像素,绿色像素,蓝色像素)
    这其中每一个数字它的取值是在0-255之间,0代表不发光,255代表发光,值越大就越亮。
    红色:(255,0,0)
    绿色:(0,255,0)
    蓝色:(0,0,255)
    黑色:rgb(0,0,0)
    白色:(255.255.255)
    在前端开发中,其实并不常用黑色。只要让红色/绿色/蓝色的值都一样就是灰色,而且如果这三个值越小就越偏黑色,越大就越偏白色。
    1.3 rgba
    a.代表颜色的透明程度。取值0-1,取值越小就越透明
    例如:color: rgba(255,0,0,0.2)
    1.4 十六进制
    在前端开发中通过十六进制来表示颜色,其实本质就是RGB十六进制中是通过每两位表示一个颜色。
    例如:#FFEE00 FF表示R EE表示G 00 表示B
    十六进制和十进制一样都是一种计数的方式,在十进制中取值范围0-9,逢十进一。在十六进制中取值范围0-F,逢十六进一。
    十六进制和十进制转换的公式:
    用十六进制的第一位16+十六进制的第二位=十进制
    15 == 1
    16+5 =21
    1.5 十六进制缩写
    在CSS中只要十六进制的颜色每两位的值都是一样的, 就可以简写为一位。
    例如:#FFEE00 = # FE0
    注意点:1.如果当前颜色对应的两位数字不一样,那么就不能简写。#123456;
    2.如果两位相同的数字不是属于同一个颜色的,也不能建设。
    总结:可以使用拾色器进行取色。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值