[html/css]aタグ（リンク）の下線を消す方法

aタグを使用するとデフォルメで下線が付けられますがそれを消す方法を紹介します。

デフォルメ

See the Pen Untitled by コココット (@cococodog) on CodePen.

下線無し

デフォルメでtextdecoretionがunderlineになっているのでnoneにしておけば下線は無くなります。

See the Pen html3_リンクpart2 by コココット (@cococodog) on CodePen.

カーソルが乗った時に下線をだす

カーソルが乗った時に下線を出すのが一番有名なリンクの種類だと思います。

See the Pen html3_リンクpart3 by コココット (@cococodog) on CodePen.

textdecorationについて

textdecoretionはは基本的に以下の６種を用います。

以下で新しく紹介するのは色付け、dot化、波線と上線の4種です

See the Pen html3_リンクpart4 by コココット (@cococodog) on CodePen.