リンクの下線をなくすには

HOME > Web豆知識 > リンクの下線をなくすには

■ スタイルシートを使う

スタイルシートを使うことで、リンクの装備を変更可能になります。下記のソースは全ての下線が無くなるようになる記述です。HTMLの<head>から</head>の間に貼り付けて下さい。

<STYLE TYPE=text/css>
<!--
A{text-decoration:none;}
A:active{text-decoration:none;}
A:visited{text-decoration:none;}
A:hover{text-decoration:none;}
-->
</STYLE>

text-decoration:none;を変更すれば、それ以外の装備になります。

装備 意味
none ←標準
underline ←下線をつける
overline ←上線をつける(Netscape未対応)
line-through ←取り消し線
blink ←点滅させる(Explorer未対応)

マウスを乗せると下線を出すようにするには、A:hoverの列を変更しましょう。

<STYLE TYPE=text/css>
<!--
A{text-decoration:none;}
A:active{text-decoration:none;}
A:visited{text-decoration:none;}
A:hover{text-decoration:underline;}
-->
</STYLE>

HOME