W3.CSSカラー
W3.CSSで使用されるデフォルトの配色は、マテリアルデザインの色(マーケティング、道路標識、および付箋で使用される色)に触発されています。
HTML要素の色付け
w3- colorおよびw3-text- colorクラスは、任意のHTML要素に色を付けるために使用できます。
コンテナ:
ロンドンはイギリスで最も人口の多い都市であり、900万人以上の人口を抱える大都市圏があります。
ロンドンはイギリスで最も人口の多い都市であり、900万人以上の人口を抱える大都市圏があります。
ボタン:
文章:
ボーダー:
赤
緑
青い
黄色
グレー
黒
テーブル:
名前 | ポイント |
---|---|
ジル・スミス | 50 |
イブジャクソン | 94 |
アダムジョンソン | 67 |
カード:
車は、輸送に使用される車輪付きの自家動力自動車です。この用語のほとんどの定義は、車が主に道路を走り、1人から8人の座席があり、通常は4つの車輪が付いているように設計されていることを指定しています。(ウィキペディア)
背景色
w3- colorクラスは、任意のHTML要素の背景色を設定します。
ロンドン
ロンドンはイギリスで最も人口の多い都市であり、900万人以上の人口を抱える大都市圏があります。
ロンドン
ロンドンはイギリスで最も人口の多い都市であり、900万人以上の人口を抱える大都市圏があります。
ロンドン
ロンドンはイギリスで最も人口の多い都市であり、900万人以上の人口を抱える大都市圏があります。
例
<div class="w3-red">
<h2>London</h2>
<p>London is the most populous city in the United Kingdom,
with a metropolitan area of over 9 million inhabitants.</p>
</div>
<div class="w3-yellow">
<h2>London</h2>
<p>London is the most populous city in the United Kingdom,
with a metropolitan area of over 9 million inhabitants.</p>
</div>
<div class="w3-gray">
<h2>London</h2>
<p>London is the most populous city in the United Kingdom,
with a metropolitan area of over 9 million inhabitants.</p>
</div>
灰色と灰色は、すべてのW3.CSSクラスで交換可能です。
テキストの色
w3-text- colorクラスは、任意のHTML要素のテキストの色を設定します。
ロンドン
ロンドンはイギリスで最も人口の多い都市であり、900万人以上の人口を抱える大都市圏があります。
ロンドン
ロンドンはイギリスで最も人口の多い都市であり、900万人以上の人口を抱える大都市圏があります。
例
<div class="w3-text-red">
<h2>London</h2>
<p>London is the most populous city in the United Kingdom,
with a metropolitan area of over 9 million inhabitants.</p>
</div>
ホバーカラー
w3-hover- colorクラスは、任意のHTML要素の背景ホバーカラーを定義します。
ロンドン
ロンドンはイギリスで最も人口の多い都市であり、900万人以上の人口を抱える大都市圏があります。
例
<div class="w3-container w3-orange w3-hover-red">
<h2>London</h2>
<p>London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.</p>
</div>
w3-hover-text- colorクラスは、任意のHTML要素のテキストホバーカラーを定義します。
ロンドン
ロンドンはイギリスで最も人口の多い都市であり、900万人以上の人口を抱える大都市圏があります。
例
<div class="w3-container w3-orange w3-hover-text-white">
<h2>London</h2>
<p>London is the most populous city in the United Kingdom, with a metropolitan area of over 9 million inhabitants.</p>
</div>
カラーライブラリ
標準のW3.CSSカラーに加えて、W3.CSSは多くの異なるカラーライブラリのカラーを使用することもできます。
Windowsの色:
Windowsの色の詳細については、ここをクリックしてください
ファッションカラー:
イエロー
スプルース
ピオニー
ポート
ファッションカラーの詳細については、ここをクリックしてください
ハイウェイカラー:
カラーライブラリの詳細については、ここをクリックしてください
このチュートリアルの後の章で、色についてさらに詳しく学びます。