Changing link colors, underlines, etc.
Article ID: KB101642
Link colors in stylesheets are usually defined like this:
a:link { color: #xxxxxx }
a:visited { color: #xxxxxx; text-decoration: none; }
a:active { color: #xxxxxx; text-decoration: underline; }
a:hover { color: #xxxxxx; text-decoration: underline; }
a:link - Default presentation of links.a:visited - Presentation of "visited" links.a:active - Presentation of links that are being clicked.a:hover - Presentation of links that are being moused-over.
The order of listing the definitions is important so that the links show up
the same across different types of browsers.
You can change the properties of the links as you would for almost any CSS
text, including padding, borders, background colors, background images, font
weight, etc. This is how designers are able to create HTML-based text links that
look like buttons.
Was this helpful?
Please rate this article:
Email address: (not required)
(Please provide your email address if you would like PixelMill support to follow-up with you about your comment. You're email address is NOT REQUIRED to submit a comment.)
Comments: (How can we improve this article?)
Clicking "Submit" will not clear this page.
link to this page:
http://www.pixelmill.com/support/al0/kb101642.htm
permalink to this article:
http://www.pixelmill.com/support/kb101642.htm
Back to top