十六进制颜色:
color: #ff0000; /* 红色 */
background-color: #336699; /* 深蓝色 */
RGB 颜色:
color: rgb(255, 0, 0); /* 红色 */
background-color: rgb(51, 102, 153); /* 深蓝色 */
RGBA 颜色:
RGBA 允许定义颜色的同时指定透明度(A 表示 Alpha,取值范围为 0.0 到 1.0)。
color: rgba(255, 0, 0, 0.5); /* 半透明红色 */
background-color: rgba(51, 102, 153, 0.8); /* 半透明深蓝色 */
HSL 颜色:
HSL 表示色相(Hue)、饱和度(Saturation)、亮度(Lightness)。色相取值范围是 0 到 360,饱和度和亮度取值范围是 0% 到 100%。
color: hsl(0, 100%, 50%); /* 红色 */
background-color: hsl(210, 50%, 50%); /* 深蓝色 */
HSLA 颜色:
HSLA 允许定义颜色的同时指定透明度。
color: hsla(0, 100%, 50%, 0.5); /* 半透明红色 */
background-color: hsla(210, 50%, 50%, 0.8); /* 半透明深蓝色 */
预定义颜色名:
CSS 还提供了一些预定义的颜色名,如 red、blue、green 等。
color: red;
background-color: blue;
这些都是常用的 CSS 颜色表示方式,你可以根据需要选择合适的方式。颜色在页面设计中非常重要,正确的颜色选择可以提高页面的可读性和吸引力。
转载请注明出处:http://www.pingtaimeng.com/article/detail/12589/CSS