文字の色 color｜CSS辞典｜HTMLタグ・CSS

Home≫CSS辞典≫文字の色 color

文字の色 color

≪	【 HOME 】	文字の大きさ font-size ≫

Yahoo!ブックマークに登録

Google Bookmarks に追加

はてなブックマークに登録

livedoorに記事をクリップ

文字の色（サンプル）
サンプル用の文字	サンプル用の文字	サンプル用の文字
▼	▼	▼
サンプル用の文字	サンプル用の文字	サンプル用の文字
※ 上が通常の状態で、下が実際に効果を反映したサンプルです。

文字の色（詳細情報）
字体	color:★;
指定	★の部分に色を指定します。指定方法は下記にあげた方法があります。 #RRGGBB の方法はHTMLタグでも使います。　詳しくは色の指定ページ。「#RRGGBB」 R（赤）、G（緑）、B（青）の部分に２桁ずつの英数字を指定。「#RGB」上の方法を省略することができます。（２桁が同じ場合だけ）　例： #aa4466 → #a46 、#3399ff → #39f 「rgb(R,G,B)」 R（赤）、G（緑）、B（青）の部分に 0～255 の数字を指定。「rgb(R%,G%,B%)」 R（赤）、G（緑）、B（青）の部分に 0～100 の数字を指定。「カラーネーム」決められているカラーネームを記入するとその色になります。　例： red　blue　green　yellow　orange　purple　pink　black　white
効果	文字の色を変更することができます。
例１	<div style="color:#ee6611;">サンプル用の文字</div>
結果	サンプル用の文字
例２	<div style="color:#00d;">サンプル用の文字</div>
結果	サンプル用の文字
例３	<div style="color:rgb(45,174,0);">サンプル用の文字</div>
結果	サンプル用の文字
例４	<div style="color:rgb(40%,40%,40%);">サンプル用の文字</div>
結果	サンプル用の文字
例５	<div style="color:purple;">サンプル用の文字</div>
結果	サンプル用の文字
解説	スタイルシートを使用すると、いろいろな色の指定の仕方があります。基本的には6桁の英数字で指定する方法と、カラーネームで指定するのが多いです。

≪	【 HOME 】	文字の大きさ font-size ≫

練習用書き込みフォーム（サンプル表示）
<div style="color:#ee6611;">サンプル用の文字</div> <div style="color:#00d;">サンプル用の文字</div> <div style="color:rgb(45,174,0);">サンプル用の文字</div> <div style="color:rgb(40%,40%,40%);">サンプル用の文字</div>

素材の森

素材NAVI

素材R

素材・壁紙

イラスト素材

素材・作成

素材ランキング

無料素材リンク

素材ファン

無料ＨＰ素材、ホームページテンプレート、HTMLタグ・CSS、質問・用語の検索

サイトの説明

素材使用方法

質問集/用語集

作成練習場

カラー見本