[CSS] aタグの下線「text-decoration: underline;」

よく、忘れるコードをメモします。
（3回忘れたら、noteにメモするようにしました。）

テキストに下線をつける時のCSSです。
aタグに使うことが多いと思いますー

text-decoration: underline;

読み方：テキスト-デコレーション: アンダーライン;

デフォルトで下線、hover時に消す場合

a {
text-decoration: underline;
}
a:hover {
text-decoration: none;
}

デフォルトで下線なし、hover時に下線する場合

a {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}

オプション
none
→なし、(初期値)
underline
→下線
overline
→上線
line-through
→取り消し線

※見出し画像は、美味しそうなものを乗せることにしました。内容とは関係ないです。