zoukankan      html  css  js  c++  java
  • How to show color in CSS

     转至:https://blog.csdn.net/CallMeQiuqiuqiu/article/details/54743459

    http://www.w3school.com.cn/cssref/css_colors_legal.asp


    在CSS中怎样修改文字颜色呢?

      1.通过英文单词来赋值
      2.通过rgb赋值
      3.通过rgba赋值
      4.通过十六进制赋值
      5.HSL 颜色
      6.HSLA 颜色

    格式如下:

    color:值;

    几种常见的取值方式:

      1.通过英文单词来赋值

    red(红色)等等,这些在W3Cschool可以找到,但是英文单词能够表达的颜色是有限制的,并不是所有的颜色都能够通过英文单词来表达。

       2.通过rgb赋值

    rgb也就是三原色,r(red),g(green),b(blue)

    格式:rgb(,,)其中每一个数字分别显示r,g,b的亮度,这其中每一个数字的取值都是0-255,0代表不发光,255代表发光,取值越大,该颜色越亮。

    例如:rgb(255,0,0)代表红色。rgb(0,255,0)代表绿色,rgb(0,0,0)代表黑色,rgb(255,255,255)代表白色

    其实在前端开发中并不常用黑色,反而偏偏常用灰色。因为黑色太刺眼了。

    当红色和蓝色值是一样的时候就是灰色,三个值越小越偏黑色,三个值越大越偏白色。

      3.通过rgba赋值

    其中a代表透明度,其取值为 0-1,1代表不透明,0代表透明。

      4.通过十六进制赋值

    原理其实就是rgb

    #FF0000,其中FF就是r也就是255,,00就是0

      5.HSL 颜色

    HSL 颜色值得到以下浏览器的支持:IE9+、Firefox、Chrome、Safari 以及 Opera 10+。

    HSL 指的是 hue(色调)、saturation(饱和度)、lightness(亮度) - 表示颜色柱面坐标表示法。

    HSL 颜色值是这样规定的:hsl(hue, saturation, lightness)。

    Hue 是色盘上的度数(从 0 到 360) - 0 (或 360) 是红色,120 是绿色,240 是蓝色。Saturation 是百分比值;0% 意味着灰色,而 100% 是全彩。Lightness 同样是百分比值;0% 是黑色,100% 是白色。

      6.HSLA 颜色

    HSLA 颜色值得到以下浏览器的支持:IE9+、Firefox 3+、Chrome、Safari 以及 Opera 10+。

    HSLA 颜色值是 HSL 颜色值的扩展,带有一个 alpha 通道 - 它规定了对象的不透明度。

    HSLA 颜色值是这样规定的:hsla(hue, saturation, lightness, alpha),其中的 alpha 参数定义不透明度。alpha 参数是介于 0.0(完全透明)与 1.0(完全不透明)的数字。

  • 相关阅读:
    pgspider sqlite mysql docker 镜像
    pgspider docker 镜像
    pgspider基于pg 的高性能数据可视化sql 集群引擎
    diesel rust orm 框架试用
    golang 条件编译
    Performance Profiling Zeebe
    bazel 学习一 简单java 项目运行
    一个好用node http keeplive agnet
    gox 简单灵活的golang 跨平台编译工具
    mailhog 作为smtp server mock工具
  • 原文地址:https://www.cnblogs.com/CheeseIce/p/9777591.html
Copyright © 2011-2022 走看看