【CSS】文字色を赤色にする方法

f:id:Kawan0116:20180402092407j:plain

ブロガーのかわん(@kawan0116)です。

今日は、文字色を赤色にする方法です。

まずは、CSSを書きます。

.red {
    color:red;
}

たったこれだけ。あとは、文中にこう書きます。

<span class="red">赤字で表示するよ!</span>

spanに「red」クラスを割当てています。

これで、赤字になります。

色を変える場合

赤字でなくても構わないです。

例えば、

.blue {
    color:blue;
}

にした場合は、blueクラスは青字になります。

「color」のところに好きな文字色を入れましょう。

「.bule」クラスも自分で分かるものにしておけばOKです。

但し、クラスは固有のものにしておきましょう。

被ったらダメです。

まとめ

という事で、色々と書いてみました。

CSSはややこしいイメージがありますが、実は簡単なのです。

ちょっとした文字色の変更は「span」を使いましょう。