CSS text-decorationで下線を引く方法

2020年7月31日

cssで下線を引きたい！という事は多々あるはず。ここでは、様々な下線の引き方をスピーディーにご紹介します！

text-decorationはこうなります

では、まず、CSSでの書き方から。一番シンプルなのかこちらです↓

text-decoration : underline;

これを書くと・・・こうなります⇒下線ひいてみました

<p>これを書くと・・・こうなります⇒<span style="text-decoration:underline; font-size:24px;">下線ひいてみました</span></p>

文章の一部分だけに下線引きたい時はどうしたらいいの？と疑問に思われる方。

そんな時は、<span style="text-decoration:underline;">～</span>で下線を引きたい部分を囲ってくださいね。