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>
学び続ける
||
<!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>
  • おすすめコース
  • コースウェアのダウンロード
現時点ではコースウェアはダウンロードできません。現在スタッフが整理中です。今後もこのコースにもっと注目してください〜