/*使用CSS预设的16种颜色值*/ div{ background-color: aqua; } /*使用RGB格式的颜色值*/ div{ background-color: rgb(255, 0, 0); } /*使用十六进制颜色值*/ div{ background-color: #ff0000; }
在CSS中,常见的颜色值有三种,即预设颜色值、RGB格式颜色值以及十六进制颜色值。
预设颜色值是CSS已经预设好的颜色,共16种。这些颜色是一些非常基础的颜色,大部分人都非常熟悉。比如,aqua是一种浅蓝色,red是一种红色,black是一种黑色等等。预设颜色值使用方法非常简单,只需要在CSS中将background-color属性的值设置为其对应颜色名即可。
RGB格式颜色值是由红、绿、蓝三原色组成的,通过调整这三种颜色的比例可以得到各种颜色。RGB格式的颜色值可以使用0~255表示三种颜色的强度,例如(255,0,0)表示红色。在CSS中,使用RGB格式的颜色值也非常简单,只需要在background-color属性的值中分别填入三个值即可。
十六进制颜色值是将RGB格式颜色值转换为十六进制格式的表示方式。十六进制颜色值的表示方式为#RRGGBB,其中RR、GG、BB是红、绿、蓝三种颜色强度的十六进制表示。例如,红色的十六进制颜色值为#ff0000。在CSS中使用十六进制颜色值同样非常简单,只需要在background-color属性的值中填写#和六个十六进制数即可。