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>
neue Datei
<!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>
Vorschau
Clear
- Kursempfehlungen
- Kursunterlagen herunterladen
Frei
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
Lassen Sie uns kurz über die Gründung eines Unternehmens in PHP sprechen
Kurze Einführung in die Web-Frontend-Entwicklung
Umfangreiche, praktische Tianlongbabu-Entwicklung eines Mini-Version-MVC-Frameworks, das die Enzyklopädie-Website mit peinlichen Dingen imitiert
Erste Schritte mit der praktischen PHP-Entwicklung: Schnelle PHP-Erstellung [Small Business Forum]
Anmeldebestätigung und klassisches Message Board
Wissenssammlung über Computernetzwerke
Schnellstart-Node.JS-Vollversion
Der Frontend-Kurs, der Sie am besten versteht: HTML5/CSS3/ES6/NPM/Vue/...[Original]
Schreiben Sie Ihr eigenes PHP-MVC-Framework (40 Kapitel ausführlich/große Details/Muss gelesen werden, damit Neulinge vorankommen)