文字に下線を引く
上部
では、次にスタイルシートで文字に下線を引く方法を説明するよ。
学
はい。お願いしますー。
上部
文字に下線を引くには「text-decoration」を使うんだよ。
文字に下線を引く
例えば「見出し1」の文字に下線を引きたい場合は次のように記載しよう。
h1{text-decoration:underline;}
文字の下線を解除する
例えばaタグでリンクされた文字は自動で下線が引かれるけど、この部分の下線を消したい場合は、次のように記載しよう。
a{text-decoration:none;}
文字の下線に関する注意
一般的に文字に下線が引かれている場合、リンクであることが多いので、リンクと勘違いされる可能性があるので注意しよう。
また、逆にリンクの下線をなくしてしまうとリンクであることが分かりにくくなるので注意しようね。
学
はい。わかりましたー。