【CSS】リンク（aタグ）の下線を消したい場合はtext-decorationを使う！

クリックすると別のページに飛ぶリンクテキストには大抵デフォルトで下線が入っている。

例えば↓の感じで。

こんな感じで下線が入る

ただ、その下線が邪魔だから消したい時が結構ある。

そういう時に使えるのがtext-decorationプロパティだ！

下記のようにリンクを作るaタグもしくはaタグに設定するclassやidにtext-decorationを設定する。

これで↓のようにリンクの下線を消すことが出来る

こんな感じでリンクが消える

text-decorationは日本語に訳すと「テキストの装飾」となる。

上にも線を付けたり、

「テキスト周りを装飾するためのもの」

と考えると覚えやすいかもしれない。