リンクにマウスが触れたら点線で囲む

HOME > HTMLの小技 > リンクに触れたら点線で囲む


点線の枠がでる

<head>ここにコピー</head>

ここにマウスを置いてください

ここにマウスを置いてください

■ソース

<style type="text/css">
<!--
A {
text-decoration:none;
color:リンクの色;}
A:HOVER{
text-decoration :none;
color:マウスが触れたときの色;
border-width : 1px 1px 1px 1px;
border-style : dotted dotted dotted dotted ;
border-color :点線の色;
}
-->
</STYLE>

1px 1px 1px 1px は、点線の上下左右の大きさを指定します。


[HOME]