【-HOME-BACK-】

リンクにふれたら点線で囲む
リンクにマウスがふれるとリンクを点線で囲みます。

サンプル→ここをマウスでふれてみてください。

下記のソースを<head>から</head>の間にコピーしてください。

ソース
<style type="text/css">
<!--
A {
text-decoration:none;
color:#0000ff;
}
A:hover{
text-decoration :none;
color:#ff0000;
border-width : 1px;
border-style : dotted ;
border-color :#ff0000;
}
-->
</style>
変更箇所
  • color:#0000ff;はテキストの色
  • border-width : 1px;は点線の大きさを指定
  • border-color :#ff0000;は点線の色を指定


赤字のところは、お好きな色に指定して下さい。

カラーサンプルはこちら

一言
  • Aはリンクです。
  • A:hoverはマウスが触れた時です。