Warna CSS3 RGBA

Penjelasan terperinci tentang nilai warna RGBA dalam CSS3:
Bab ini akan memperkenalkan penggunaan nilai warna RGBA Ini kerana semua orang sudah biasa dengan RGB, tetapi Tambahan A ditambah pada penghujung.
Struktur tatabahasa:

RGBA(R,G,B,A)

Analisis parameter:
R(red ): nilai merah. Integer positif |.
G(hijau): Nilai hijau. Integer positif |.
B(biru): Nilai biru. Integer positif |.
A(Alpha): Ketelusan alfa, nilai antara 0 dan 1.
RGBA adalah berdasarkan RGB dan menambah parameter untuk mengawal ketelusan alfa Nilai integer positif bagi tiga parameter R, G dan B ialah 0-255, dan nilai peratusan ialah 0.0% - 100.0%. . Nilai di luar julat adalah Sehingga had nilai terdekatnya, nilai parameter A adalah antara 0 dan 1. Adalah penting untuk ambil perhatian bahawa tidak semua pelayar menyokong nilai parameter peratusan.
Keserasian pelayar:
Keserasian nilai warna RGBA agak baik Ia tidak disokong oleh IE8 dan penyemak imbas di bawah IE8, tetapi disokong oleh penyemak imbas standard yang lain.
Contoh kod:

<!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>
Meneruskan pembelajaran
||
<!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>
  • Cadangan kursus
  • Muat turun perisian kursus
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!