Dotted lines for links

[expert_21]

Hi, how can I have the dotted lines (instead of the regular straight lines) for my links? How can this be done using CSS? Thank you.

[DrDoc]

a {
text-decoration: none;
border-bottom: 1px dotted blue;
}

[expert_21]

thank you so much DrDoc!

[iamlost]

The following is an example of what can be done:

CSS:

a:link {
color: #0ff;
text-decoration: none;
border-bottom: 2px #f00 dotted;
}

HTML:

<p>This is not a link. <a href="x">This is a link</a> This is not a link.</p>

Note that on older browsers (IE5.x, etc.) they will not display anything under the link.

Something to play with if you think it worth it.