建议学习时长: 10分钟
学习方式:了解
学习目标
- 了解的CSS颜色的写法。
详细介绍
字体颜色,背景色,边框颜色等地方会用到颜色。颜色的可选值如下:
- 颜色名称,如: red,green,blue等,更多见这里
- 十六进制,如: #ff0000,#ff6600等。其中前两位代表红,中间两位表示绿,最后两位表示蓝
- rgb,如rgb(255,0,0)。第1,2,3个参数分别表示红,绿,蓝。参数取值范围是0~255
- 还可以是
currentColor
。 表示是当前计算出的字的颜色。
写法示例:
.red{color: #ff0000;}
.bg-red{background: red;}
.bule-border{border: 1px solid rgb(0, 0, 255);}
div {
color: red;
border: 5px solid currentColor;
box-shadow: 0 0 5px solid currentColor;
}
推荐使用十六进制。