W3.CSS

W3.CSSホーム W3.CSSイントロ W3.CSSカラー W3.CSSコンテナ W3.CSSパネル W3.CSSボーダー W3.CSSカード W3.CSSのデフォルト W3.CSSフォント W3.CSS Google W3.CSSテキスト W3.CSSラウンド W3.CSSパディング W3.CSSマージン W3.CSSディスプレイ W3.CSSボタン W3.CSSノート W3.CSSの見積もり W3.CSSアラート W3.CSSテーブル W3.CSSリスト W3.CSS画像 W3.CSS入力 W3.CSSバッジ W3.CSSタグ W3.CSSアイコン W3.CSSレスポンシブ W3.CSSレイアウト W3.CSSアニメーション W3.CSS効果 W3.CSSバー W3.CSSドロップダウン W3.CSSアコーディオン W3.CSSナビゲーション W3.CSSサイドバー W3.CSSタブ W3.CSSページ付け W3.CSSプログレスバー W3.CSSスライドショー W3.CSSモーダル W3.CSSツールチップ W3.CSSグリッド W3.CSSコード W3.CSSフィルター W3.CSSトレンド W3.CSSケース W3.CSSマテリアル W3.CSS検証 W3.CSSバージョン W3.CSSモバイル

W3.CSSカラー

W3.CSSカラークラス W3.CSSカラー素材 W3.CSSカラーフラットUI W3.CSSカラーメトロUI W3.CSSカラーWin8 W3.CSSカラーiOS W3.CSSカラーファッション W3.CSSカラーライブラリ W3.CSSカラースキーム W3.CSSカラーテーマ W3.CSSカラージェネレーター

Web構築

Webイントロ Web HTML Web CSS Web JavaScript Webレイアウト Webバンド Webケータリング Webレストラン Webアーキテクト

W3.CSSの例 W3.CSSデモ W3.CSSテンプレート

参考文献

W3.CSSリファレンス W3.CSSダウンロード

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の色の詳細については、ここをクリックしてください


ファッションカラー:

火炎
マリーナ
プリムローズ
イエロー
ニュートラルグレー
シェード
スプルース
ネイビー
ピオニー
タウニー
ポート

ファッションカラーの詳細については、ここをクリックしてください


ハイウェイカラー:

青い
黄色

カラーライブラリの詳細については、ここをクリックしてください

このチュートリアルの後の章で、色についてさらに詳しく学びます。