大众计算机学习网

专门提供各种电脑教程

CSS之颜色Color和角度Angle详细介绍

Admin | 2008-5-16 22:43:49 | 被阅次数 | 4607

一:颜色介绍

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 }