css3颜色表示方法详解

 时间:2024-10-13 15:11:28

1、在CSS中,常用的颜色表示方法有十六进制色、RGB 颜色、RGBA 颜色、HSL 颜色、HSLA 颜色、颜色名。例如,下面是十六进制色和RGB颜色的表示方法。

css3颜色表示方法详解

2、十六进制色表示法。其由三种颜色组成,格式 为“#颜色一颜色二颜色三”,每种颜色值必须介于 0 与 FF 之间。例如,下面定义p标签的背景颜色,代码如下:

css3颜色表示方法详解

3、RGB 颜色表示法。其三种颜色值是介于 0 与 255 之间的整数。例如,下面定义p标签的背景颜色,代码如下:

css3颜色表示方法详解

4、RGBA 颜色表示法。RGBA 颜色值是在RGB颜色值上的扩展颜色 ,可以在最后一个参数设置颜色的透明度(介于0.0与1.0之间)。例如,下面定义p标签的背景颜色,代码如下:

css3颜色表示方法详解

5、HSL 颜色表示法,是颜色柱面坐标的表示法。例如,下面定义p标签的背景颜色,代码如下:

css3颜色表示方法详解

6、HSLA 颜色表示法,HSLA 颜色值是在HSL颜薄本窭煌色值上的扩展颜色 ,可以在最后一个参数设置颜色的透明度(介于0.0与1.0之间)。例如,下面定义p标签的背景颜色,代码如下:

css3颜色表示方法详解

7、颜色名表示法,只要是合法的颜色英文名称,都可以给HTML元素颜色。

css3颜色表示方法详解
css3颜色表示方法详解
css3颜色表示方法详解
css3颜色表示方法详解
  • 如何使用opera浏览器开启隐身模式
  • 魔兽世界怀旧服萨满怎么学习3级灼热图腾
  • 使用HTML5画布绘制正方形
  • 上古有灵妖如何获得大量的太古币
  • 刺客信条 燎原 新手攻略
  • 热门搜索
    小学生元旦手抄报 历史手抄报版面设计图 美丽家乡手抄报 向国旗敬礼手抄报内容 讲卫生手抄报内容 健康手抄报资料 快乐数学手抄报 低碳生活手抄报图片 三年级教师节手抄报 心理健康手抄报素材