Topスタイルシートの基本リンク > リンクの下線のデザイン

リンクの下線のデザイン

リンクの下には、基本的に下線がひかれます。
この下線があることで、「ここはリンクだな…」とわかるのでむやみやたらに下線を消すことはよくないことなのですが…たとえば、テキストのボタンなどを作るときにはどうしても下線が邪魔になります。
そのときは下線を消してしまいましょう。


該当する「a」タグに以下の指定をしてください。

a{
text-decoration:none;
}

ちなみに、「none」の部分を変更する場合

  • underline
    テキストに下線が付きます。

  • overline
    テキストに上線が付きます。

  • line-through
    テキストに打ち消し線が付きます。

  • blink
    テキストが点滅します。

「リンクの下線のデザイン」関連本

Akasa Rira
みつけたきせき