一:颜色介绍
rgb(R,G,B) 版本:CSS1 兼容性:IE4+ NS4+
参数:
R : 红色值。正整数 | 百分数
G : 绿色值。正整数 | 百分数
B : 蓝色值。正整数 | 百分数
说明:
以上三个参数,正整数值的取值范围为:0 - 255。百分数值的取值范围为:0.0% - 100.0%。超出范围的数值将被截至其最接近的取值极限。
并非所有浏览器都支持使用百分数值。
示例:
div { color: rgb(132,20,180); }
div { color: rgb(12%,200,50%); }
=================
#RRGGBB 版本:CSS1 兼容性:IE4+ NS4+
参数:
RR : 红色值。十六进制正整数
GG : 绿色值。十六进制正整数
BB : 蓝色值。十六进制正整数
说明:
以上三个参数,取值范围为:00 - FF。
参数必须是两位数。对于只有一位的,应在前面补零。
如果每个参数各自在两位上的数字都相同,那么本单位也可缩写为 #RGB 的方式。例如:#FF8800 可以缩写为 #F80。
示例:
div { color: #FF0000; }
div { color: #F00; }
==============
Color Name 版本:CSS1 兼容性:IE4+ NS4+
说明:
颜色名称。不同的浏览器会有不同的预定义颜色名称。
示例:
div {color: red; }
==============
二:角度介绍
deg 版本:CSS2 兼容性:NONE
说明:
度。一个圆圈的360等分之一。
示例:
body { azimuth: 75deg }
body { elevation: 75deg }
============
grad 版本:CSS2 兼容性:NONE
说明:
梯度。一个直角的100等分之一。一个圆圈相当于400grad。
示例:
body { azimuth: 75grad }
body { elevation: 75grad }
============
rad 版本:CSS2 兼容性:NONE
说明:
弧度。把一个圆圈分成2*PI单位。
示例:
body { azimuth: 3rad }
body { elevation: 5rad }