コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > CSS 3 属性の学習 -- 2. RGBA_html/css_WEB-ITnose

CSS 3 属性の学習 -- 2. RGBA_html/css_WEB-ITnose

WBOY
リリース： 2016-06-24 11:47:33
オリジナル
1418 人が閲覧しました

RGBA とは、CSS3 で色を制御するために使用される単位で、赤、緑、青、およびアルファ透明度の三原色の略称です。

つまり、この属性は色と透明度を設定するのに役立ちます。

実際には、RGB 属性と不透明度属性の組み合わせです。

3 つの RGB 値の設定は、パーセントまたは 0 ～ 255 の整数値にすることができます。

A の値は 0~1 で、不透明度属性と一致します。

1. バックグラウンドで適用: 

.reg-bgc{    background: rgb(255, 0, 0);}.apl-bgc{    background: rgba(255, 0, 0, 0.5);}
ログイン後にコピー

2. ボーダー 

.reg-border-color{    border-width:3px;    border-style: solid;    border-color: rgb(255, 0, 0);;}.apl-border-color{    border-width:3px;    border-style: solid;    border-color: rgba(255, 0, 0, 0.5);;}
ログイン後にコピー

3. フォント 

.reg-font-color{    color:rgb(255, 0, 0);;}.apl-font-color{    color:rgba(255, 0, 0, 0.5);;}
ログイン後にコピー

4. フォントシャドウ

.reg-textshad-color{    text-shadow: 0 2px 1px rgb(255,0,0);;}.apl-textshad-color{    text-shadow: 0 2px 1px rgba(255,0,0,0.5);;}
ログイン後にコピー

5. ボックスシャドウ

デモ

関連ラベル：
CSS 3 属性学习 -- 2. RGBA
ソース：php.cn
前の記事：DIV_html/css_WEB-ITnose を中央に配置するためのいくつかの方法 次の記事：XHTML の基本 (一部の CSS を含む)_html/css_WEB-ITnose
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
function_exists() はカスタム関数を決定できません Function test () {return true;} if (function_exists ('test')) {echo "テストは関数です";
から 2024-04-29 11:01:01
0
3
2238
Google Chromeのモバイル版を表示する方法 こんにちは、先生、Google Chrome をモバイル版に変更するにはどうすればよいですか?
から 2024-04-23 00:22:19
0
11
2379
子ウィンドウは親ウィンドウを操作しますが、出力は応答しません。 最初の 2 つの文は実行可能ですが、最後の文は実装できません。
から 2024-04-19 15:37:47
0
1
1988
親ウィンドウには出力がありません document.onclick = function(){ window.opener.document.write('私は子ウィンドウの出力です');
から 2024-04-18 23:52:34
0
1
1876
CSS マインド マッピングに関するコースウェアはどこにありますか? コースウェア
から 2024-04-16 10:10:18
0
0
1947
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート