最新のWeb開発のチュートリアル
 

W3.CSS色


カラークラス

W3.CSSは、任意のHTML要素で使用できる色のクラスを使用します。

カラークラスは、マーケティングで使用する色、道路標識、及び付箋に触発されています。

ロンドン

ロンドンはイギリスの首都です。 これは、1300万人の住民の首都圏で、イギリスで最も人口の多い都市です。

<div class="w3-indigo">
  <h2>London</h2>
  <p>London is the most populous city in the United Kingdom.</p>
</div>
»それを自分で試してみてください

色名

W3-赤

W3-ピンク

W3-紫色

W3-ディープパープル

W3-藍

W3-ブルー

W3-水色

W3-シアン

W3-アクア

W3-ティール

W3-グリーン

W3-ライトグリーン

W3ライム

W3-砂

W3-カーキ

W3-黄色

W3-アンバー

W3-オレンジ

W3-ディープオレンジ

W3-ブルーグレー

W3-ブラウン

W3-ライトグレー

W3-グレー

W3-ダークグレー

W3-黒

W3-淡赤

W3-淡黄色

W3-淡緑色

W3-淡青


色付きのコンテナ

ロンドンはイギリスの首都です。 これは、1300万人の住民の首都圏で、イギリスで最も人口の多い都市です。


ロンドンはイギリスの首都です。 これは、1300万人の住民の首都圏で、イギリスで最も人口の多い都市です。


色付きのボタン


色付きのテキスト

レッド パープル ブルー グリーン オレンジ


色付きの境界線

レッド グリーン ブルー ブラック オレンジ


ホバー色

W3-hover- W3-ホバーテキストベースカラークラスは、hoverable背景色と文字色以上のすべての色の使用を許可します:

レッド パープル ブルー グリーン オレンジ


色付きのテーブル

点数
ジル・スミス 50
イヴ・ジャクソン 94
アダム・ジョンソン 67
ボーニルソン 35

色付きカード

車は輸送に使用される車輪付き、セルフパワーの自動車です。 用語のほとんどの定義は、車は通常、1〜8人のために持っているために、1〜8人用の座席を持つように、主に道路上で動作するように設計されていることを指定する4輪を、一般的に持っています。 (ウィキペディア)


テキストの色クラス

黒オン

W3-テキスト赤

W3-テキストピンク

W3-テキスト紫色

W3-テキストディープパープル

W3-テキスト藍

W3-テキストブルー

W3-テキスト水色

W3-テキストシアン

W3-テキストアクア

W3-テキストティール

W3-テキストグリーン

W3-テキスト薄緑色

W3-テキストライム

W3-テキスト砂

W3-テキストカーキ

W3-テキスト黄色

W3-テキストアンバー

W3-テキストオレンジ

W3-テキストディープオレンジ

W3-テキスト・ブルーグレー

W3-テキストブラウン

W3-テキスト・ライトグレー

W3-テキストグレー

W3-テキストダークグレー

W3-テキスト黒

W3-テキストホワイト

オングレイ

W3-テキスト赤

W3-テキストピンク

W3-テキスト紫色

W3-テキストディープパープル

W3-テキスト藍

W3-テキストブルー

W3-テキスト水色

W3-テキストシアン

W3-テキストアクア

W3-テキストティール

W3-テキストグリーン

W3-テキスト薄緑色

W3-テキストライム

W3-テキスト砂

W3-テキストカーキ

W3-テキスト黄色

W3-テキストアンバー

W3-テキストオレンジ

W3-テキストディープオレンジ

W3-テキスト・ブルーグレー

W3-テキストブラウン

W3-テキスト・ライトグレー

W3-テキストグレー

W3-テキストダークグレー

W3-テキスト黒

W3-テキストホワイト

ホワイトオン

W3-テキスト赤

W3-テキストピンク

W3-テキスト紫色

W3-テキストディープパープル

W3-テキスト藍

W3-テキストブルー

W3-テキスト水色

W3-テキストシアン

W3-テキストアクア

W3-テキストティール

W3-テキストグリーン

W3-テキスト薄緑色

W3-テキストライム

W3-テキスト砂

W3-テキストカーキ

W3-テキスト黄色

W3-テキストアンバー

W3-テキストオレンジ

W3-テキストディープオレンジ

W3-テキスト・ブルーグレー

W3-テキストブラウン

W3-テキスト・ライトグレー

W3-テキストグレー

W3-テキストダークグレー

W3-テキスト黒

W3-テキストホワイト