文字の色を変える

灰色背景がサンプルソース


サンプルソース

HTMLソース

class="strred"が記述されたspanタグで囲んだ文字だけが<span class="strred">赤く</span>なる。
class="strgreen"が記述されたspanタグで囲んだ文字だけが<span class="strgreen">緑色に</span>なる。

CSSソース

.strred {color:red;}
.strgreen {color:green;}

サンプル表示

→文字の色を変える(サンプル)


解説

HTMLソース

文字の色を変えたい箇所のみspanタグでくくって、スタイルシートで設定したclassを指定します。
ここでは、<span class="strred">赤く</span>としています。


CSSソース

.strred {color:red;}と記述します。
これは、class="strred"を指定したタグでくくられた箇所の文字色を赤くするという意味です。strgreenの方も色が緑色ということ以外は同じです。
color:redのred部分、color:greenのgreen部分を他の色名称やカラーコードに書き換えれば、違う色になります。

[参考]色見本 - 色名称/カラーコード一覧