多语言展示
当前在线:1188今日阅读:176今日分享:34

css3颜色表示方法详解

在CSS中,颜色的表示方法很重要,熟悉颜色表示方法规则,才能正确给HTML元素定义颜色 。下面是css3颜色表示方法详解。
方法/步骤
1

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

2

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

3

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

4

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

6

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

7

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

推荐信息