【CSS】文章の途中で色を変える方法

f:id:Kawan0116:20180407134607j:plain

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

今日は文章の途中で文字色を変える方法です。

「あいうえおかきくけこさしすせそ」

という感じで「かきくけこ」だけ赤くなっていますね。

これは、HTMLでこんな感じに書いているんです。

<p>あいうえお<span class="red">かきくけこ</span>さしすせそ</p>

かきくけこだけ、spanタグで囲っていて、「red」クラスを割り当てています。

<span class="red">かきくけこ</span>

CSSでこんな感じに書きます。

.red {
    color:red;
}

たったこれだけです。とても簡単ですね。文章の途中で色を変えたい方はお試し下さい。