CSS3 RGBAカラー
CSS3 の RGBA カラー値の詳細な説明:
この章では、RGBA カラー値の使用法を紹介します。これは、誰もが RGB によく慣れているためです。しかし、追加の A があります。
文法構造:
RGBA(R,G,B,A)
パラメータ分析:
R(red): 赤の値。正の整数 |
G(緑): 緑の値。正の整数 |
B(青): 青の値。正の整数 |
A(アルファ): アルファ透明度、0 から 1 までの値。
RGBA は RGB に基づいており、アルファ透明度を制御するパラメータを追加します。R、G、B の 3 つのパラメータの正の整数値は 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>