このページはBlog | hamashun.comのエントリー、デザイナーさんに贈るCSS Tips その1のサンプルページ1です。

Source Code

a:link,
a:visited {
 text-decoration: none;　←ココでデフォルトの下線を消している
 border-bottom: dotted 1px #6699ff;　←ココで新たな点線
 color: #6699ff;
}

a:hover {
 border-bottom: solid 1px #99ccff;　←マウスを乗せると直線に変わる
 color: #99ccff;
}

Display of a Sample

リンクの下線をデザインしています。