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>