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

HomeCSS辞典文字の色 color
サイト内検索

文字の色 color

文字の色 (サンプル)

サンプル用の文字


サンプル用の文字


サンプル用の文字


サンプル用の文字


サンプル用の文字


サンプル用の文字

※ 上が通常の状態で、下が実際に効果を反映したサンプルです。

文字の色 (詳細情報)
字体 color:★;
指定 ★の部分に を指定します。 指定方法は下記にあげた方法があります。
#RRGGBB の方法はHTMLタグでも使います。 詳しくは 色の指定ページ
  • #RRGGBB」 R(赤)、G(緑)、B(青)の部分に2桁ずつの英数字を指定。
  • #RGB」 上の方法を省略することができます。(2桁が同じ場合だけ)
     例: #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
効果 文字の色を変更することができます。
例1 <div style="color:#ee6611;">サンプル用の文字</div>
結果
サンプル用の文字
例2 <div style="color:#00d;">サンプル用の文字</div>
結果
サンプル用の文字
例3 <div style="color:rgb(45,174,0);">サンプル用の文字</div>
結果
サンプル用の文字
例4 <div style="color:rgb(40%,40%,40%);">サンプル用の文字</div>
結果
サンプル用の文字
例5 <div style="color:purple;">サンプル用の文字</div>
結果
サンプル用の文字
解説 スタイルシートを使用すると、いろいろな色の指定の仕方があります。
基本的には6桁の英数字で指定する方法と、カラーネームで指定するのが多いです。


練習用書き込みフォーム(サンプル表示)


素材の森 素材NAVI 素材R 素材・壁紙 イラスト素材 素材・作成 素材ランキング 無料素材リンク 素材ファン
無料HP素材、ホームページテンプレート、HTMLタグ・CSS、質問・用語の検索 サイト内検索
素材ランキング 素材NAVI 素材の森 素材サーチ フリー素材 素材・画像 素材・壁紙 素材R Webランキング