CSS 颜色的定义方式有三种。
<span style="color: red;"> 红 </span> <!-- 1. 颜色名称 -->
<span style="color: #008000;"> 绿 </span> <!-- 2. 二进制 -->
<span style="color: rgb(0,0,255);"> 蓝 </span> <!-- 3. 十六进制 -->
效果
● ● ●
下列是一组常见的颜色对照表,更多颜色可以参考 - 颜色对照表。
颜色名称 | 二进制 | 十六进制 | 效果 |
---|---|---|---|
black | #000000 | 0,0,0 | |
white | #ffffff | 255,255,255 | |
silver | #c0c0c0 | 192,192,192 | |
gray | #808080 | 128,128,128 | |
maroon | #800000 | 128,0,0 | |
red | #ff0000 | 255,0,0 | |
purple | #800080 | 128,0,128 | |
green | #008000 | 0,128,0 | |
lime | #00ff00 | 0,255,0 | |
olive | #808000 | 128,128,0 | |
yellow | #ffff00 | 255,255,0 | |
navy | #000080 | 0,0,128 | |
blue | #0000ff | 0,0,255 | |
teal | #008080 | 0,128,128 | |
aqua | #00ffff | 0,255,255 |