スタイルシートメモ:リンクの下線を消すには

リンクの下線(アンダーラインorアンダーバー)を消すには。

text-decoration:none;

を使う。
具体的には下記の様にa要素に指定する。

a{
text-decoration:none;
}

特定のDIVの中だけに適用する場合。
具体的には下記の様にclass=”abc”が指定されているDIVの中だけに下線を表示しないように指定するには。

<div class=”abc”>
<a href=”https://blog.kumacchi.com/”>KUMA TYPE</a>
</div>

.abc a{
text-decoration:none;
color:#000000;
}

とするとうまくいく。

(Visited 49 times, 1 visits today)

タグ :