W3.CSSカラークラス
W3.CSSのデフォルトの色
W3.CSSで使用されるデフォルトのカラークラスは、マテリアルデザインに触発されています。
マテリアルデザインの色は、マーケティング、道路標識、付箋に使用されている色を反映しています。
例
<div class="w3-red">
<p>London is the most populous city in the United Kingdom,
with a metropolitan area of over 9 million inhabitants.</p>
</div>
ロンドン
ロンドンはイギリスで最も人口の多い都市であり、900万人以上の人口を抱える大都市圏があります。
ロンドン
ロンドンはイギリスで最も人口の多い都市であり、900万人以上の人口を抱える大都市圏があります。
ロンドン
ロンドンはイギリスで最も人口の多い都市であり、900万人以上の人口を抱える大都市圏があります。
フラットUI
フラットUIは、W3.CSSで使用できるもう1つの人気のあるカラークラスです。
例
<div class="w3-flat-turquoise">
<p>London is the most populous city in the United Kingdom,
with a metropolitan area of over 9 million inhabitants.</p>
</div>
ロンドン
ロンドンはイギリスで最も人口の多い都市であり、900万人以上の人口を抱える大都市圏があります。
このチュートリアルの次の章で、代替カラークラスの詳細を読むことができます。
Windows Metro UI
Metroは、Microsoft Design Language(MDL)のニックネームです。
Metroは、タイポグラフィ、簡略化されたアイコン、およびモダンな色に重点を置いています。
この例は、W3.CSSでWindowsMetroカラーを使用する方法を示しています。
例
<div class="w3-metro-light-green">
<p>London is the most populous city in the United Kingdom,
with a metropolitan area of over 9 million inhabitants.</p>
</div>
ロンドン
ロンドンはイギリスで最も人口の多い都市であり、900万人以上の人口を抱える大都市圏があります。
ウィンドウズ8
Windows 8は、フラットなデザインとモダンな色に焦点を当てた最初の主要なオペレーティングシステムでした。
この例は、W3.CSSでWindows8の色を使用する方法を示しています。
例
<div class="w3-win8-lime">
<p>London is the most populous city in the United Kingdom,
with a metropolitan area of over 9 million inhabitants.</p>
</div>
ロンドン
ロンドンはイギリスで最も人口の多い都市であり、900万人以上の人口を抱える大都市圏があります。