给元素设置颜色最常用的是属性: color

通常情况下我们使用color给文字设置颜色, 其实color是给元素设置的前景色.

比如边框的颜色也可以从color取值.

<style>
div{
    color: red;
    width: 200px;
    border: 1px solid; /*没有给 border 添加颜色, 就会从 color取值*/
}
</style>
<div>文本</div>

颜色的格式:

css预设的字符串

red, blue, green...等

#十六进制

三原色组成: red, green, lan

每个色用两位十六进制 00-ff (0-255)来表示 ##rrggbb 比如: 红色 #ff0000 绿色#00ff00 ...

值可以任意组合.

黑: #000000 白: #ffffff

rgb颜色

用十进制来表示

color : rgb(100. 200, 100);

说明:

• 三个值分别表示红绿蓝

• 范围是 0-255

rgba(255,2,1, 0.5)

a表示的是透明度 范围从 0-1

说明:

• CSS3才支持.