HTML | テキストの色を変更する

2022-07-11HTML テキスト,HTML

HTML | テキストの色を変更する

HTMLだけでテキストの色を変更するサンプルコードを紹介しています。

HTMLだけでテキストの色を変更する

HTMLだけでテキストの色を変更するには「style属性」「color」プロパティを指定します。

カラーネームでテキスト色を変更する場合は以下のようなサンプルコードになります。

<p style="color: red">RED</p>

RED

16進数カラーコードで指定する場合。

<p style="color:#FF0000">#FF0000</p>

#FF0000

またRGBやRGBAで指定する事も可能です。

<p style="color:rgb(255, 0, 0)">rgb(255, 0, 0)</p>

rgb(255, 0, 0)

CSSでテキストの色を変更する場合

同じようにCSSで指定すテキストの色を変更する場合は以下のようになります。

p {
	color: red;
}

関連:CSS | テキスト文字の色を変更する方法 | ONE NOTES