CSS3 RGBA颜色

CSS3的RGBA颜色取值详解:
本章节将介绍一下RGBA颜色取值的用法，大家一定对它感觉非常面熟，这是因为大家对RGB非常熟悉，只是后面又多加了一个A.
语法结构:

RGBA(R,G,B,A)

参数解析:
R(red)：红色值。正整数 | 百分数。
G(green)：绿色值。正整数 | 百分数。
B(blue)：蓝色值。正整数 | 百分数。
A(Alpha)：Alpha透明度，取值0~1之间。
RGBA是在RGB基础上增加了控制alpha透明度的参数，R、G、B三个参数的正整数取值是0-255，百分比取值是0.0% - 100.0%，超出范围的数值将被截至其最接近的取值极限，参数A的取值在0-1之间，需要特别注意的是，并非所有的浏览器都支持百分数参数值。
浏览器兼容:
RGBA颜色取值兼容性还算是不错吧，IE8和IE8以下浏览器不支持，其他标准浏览器都支持。
代码实例:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://ask.php.cn/" />
<title>CSS3教程</title> 
<style type="text/css"> 
.first{color:rgba(128,128,128,0.2);} 
.second{color:rgba(50%,50%,50%,0.3);} 
.third{color:rgba(160,100,150,0.6);} 
</style> 
</head> 
<body> 
<div class="first">php中文网欢迎您</div> 
<div class="second">php中文网欢迎您</div> 
<div class="third">php中文网欢迎您</div> 
</body> 
</html>

继续学习

新建文件

<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://ask.php.cn/" /> <title>CSS3教程</title> <style type="text/css"> .first{color:rgba(128,128,128,0.2);} .second{color:rgba(50%,50%,50%,0.3);} .third{color:rgba(160,100,150,0.6);} </style> </head> <body> <div class="first">php中文网欢迎您</div> <div class="second">php中文网欢迎您</div> <div class="third">php中文网欢迎您</div> </body> </html>

提交重置代码

自动运行

章节

笔记

提问

课件

反馈

捐赠