クリックすると別のページに飛ぶリンクテキストには大抵デフォルトで下線が入っている。
例えば↓の感じで。
ただ、その下線が邪魔だから消したい時が結構ある。
そういう時に使えるのがtext-decorationプロパティだ!
下記のようにリンクを作るaタグもしくはaタグに設定するclassやidにtext-decorationを設定する。
1 2 3 |
a{ text-decoration:none; } |
これで↓のようにリンクの下線を消すことが出来る
text-decorationは日本語に訳すと「テキストの装飾」となる。
上にも線を付けたり、
「テキスト周りを装飾するためのもの」
と考えると覚えやすいかもしれない。