1. 颜色名称: 使用预定义的颜色名称,如 "red"、"blue"、"green" 等。
<p style="color: red;">这是红色文本。</p>
2. 十六进制值: 使用六位的十六进制值表示颜色,其中前两位表示红色、中间两位表示绿色、最后两位表示蓝色。
<p style="color: #336699;">这是蓝绿色文本。</p>
3. RGB值: 使用RGB(红、绿、蓝)表示颜色,其中每个颜色的值范围是0到255。
<p style="color: rgb(255, 0, 0);">这是红色文本。</p>
4. RGBA值: 类似于RGB,但带有一个额外的透明度(alpha)值,范围是0到1。
<p style="color: rgba(0, 255, 0, 0.5);">这是半透明的绿色文本。</p>
5. HSL值: 使用HSL(色调、饱和度、亮度)表示颜色。
<p style="color: hsl(120, 100%, 50%);">这是亮绿色文本。</p>
6. HSLA值: 类似于HSL,但带有一个额外的透明度(alpha)值。
<p style="color: hsla(240, 100%, 50%, 0.7);">这是半透明的蓝紫色文本。</p>
这些颜色值可以应用于文本颜色、背景颜色、边框颜色等。在CSS样式表中,也可以使用这些颜色值。选择颜色表示方式通常取决于设计需求和颜色搭配。
转载请注明出处:http://www.pingtaimeng.com/article/detail/12486/HTML5