Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch

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>
Weiter lernen
||
<!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>
einreichenCode zurücksetzen
Vorherige Sektion nächsten Abschnitt
Tutorial-Liste
Hilfe bekommen
  • Kursempfehlungen
  • Kursunterlagen herunterladen
Die Kursunterlagen stehen derzeit nicht zum Download zur Verfügung. Die Mitarbeiter organisieren es derzeit. Bitte schenken Sie diesem Kurs in Zukunft mehr Aufmerksamkeit

Auch Studierende, die diesen Kurs gesehen haben, lernen

Das neueste Video-Tutorial zur Weltpremiere von ThinkPHP 5.1 (60 Tage zum Online-Schulungskurs zum PHP-Experten)  492533 spielt ab