网页字体颜色的6种显示方式


    在CSS(层叠样式表)中,你可以通过color属性来改变文本的颜色。这个属性可以接受多种类型的值,包括颜色名称、十六进制颜色代码、RGB值、RGBA值、HSL值、HSLA值等。下面是一些示例,展示如何在CSS中设置字体颜色:

    1.使用颜色名称

p {
  color: red;
}

    2.使用十六进制颜色代码

p {
  color: #FF0000;
}

    3.使用RGB值

p {
  color: rgb(255, 0, 0);
}

    4.使用RGBA值(带透明度)

p {
  color: rgba(255, 0, 0, 0.5); /* 半透明红色 */
}

    5.使用HSL值

p {
  color: hsl(0, 100%, 50%); /* 红色 */
}

    6.使用HSLA值(带透明度)

p {
  color: hsla(0, 100%, 50%, 0.5); /* 半透明红色 */
}
captcha