文字色

CSSで文字色を設定する方法を解説していきます。「文字色のサンプル」を参考にいろいろとためしてみてください。

color

CSSプロパティcolorを設定して文字色を変更してみましょう。入力する値にはカラーコード（#ff0066など）か、キーワード（redなど）があります。

要素	解説
<p>	ひと段落

CSSプロパティ	解説
color	文字色

HTMLコード記述例

<p class="red">赤文字はこんな感じ。</p>
<p class="orange">オレンジはこんな感じ。</p>
<p class="color-code">カラーコードには#をつけます。</p>

外部ファイルCSS記述例

@charset "utf-8";

p.red { color: red;}
p.orange { color: orange;}
p.color-code { color: #ff33cc;}

ブラウザ表示例

赤文字はこんな感じ。

オレンジはこんな感じ。

カラーコードには#をつけます。