打印本文 打印本文 关闭窗口 关闭窗口
CSS之颜色Color和角度Angle详细介绍
作者:武汉SEO闵涛  文章来源:敏韬网  点击数892  更新时间:2009/6/9 2:30:22  文章录入:mintao  责任编辑:mintao

一:颜色介绍

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 }

打印本文 打印本文 关闭窗口 关闭窗口