リンク文字の下線(アンダーライン)を点線にするCSS

·

ユーザビリティから言えば本来の利用方法とは言えないので、全体で使うのはお薦めしないが、タイトルや他と区別したい時などに使う一つの方法として。

なお、1pxの太さのdottedは「IE」ではdashedになるのでdottedにしたい場合は2px以上にするといい。

<style type=”text/css”><!–
a {
    text-decoration: none;
    color: #0000B1;
    border-bottom-color: #0000B1;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
}
–></style>