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

HTML,HTML テキスト

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

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

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

<p style="background-color:lightskyblue">background-color:lightskyblue</p>

background-color:lightskyblue

カラーネームでの指定の他に、16進数カラーコード、RGB、RGBAでの指定も可能です。

<p>タグのようにブロック全体の背景色ではなく、テキストの部分だけ背景色を付けたい場合は<span>タグなどdisplayプロパティがblockではない要素を利用します。

<span style="background-color:lightskyblue">background-color:lightskyblue</span>
background-color:lightskyblue