CSS Links

DataMine
by DataMine · 3 posts
11 years ago in HTML & CSS
Posted 11 years ago · Author
A brief tutorial on styling links (<a href=""></a>).

Links have 4 selectors:
    A:link
    A:visited
    A:active
    A:hover

Selector Descriptions:
    A:link
    Defines the style for normal unvisited links.

    A:visited
    Defines the style for visited links.

    A:active
    Defines the style for active links.
    A link becomes active once you click on it.

    A:hover
    Defines the style for hovered links.
    A link is hovered when the mouse moves over it.
    Note: Not supported by Netscape browsers prior to version 6.

Example Usage:

Code
<style type="text/css">
   A:link {
      background: #FFCC00;
      text-decoration: none
   }
   A:visited {
      background: #FFCC00;
      text-decoration: none
   }
   A:active {
      background: #FFCC00;
      text-decoration: none
   }
   A:hover {
      background: #FFCC00;
      font-weight:bold;
      color: red;
   }
</style>
Posted 11 years ago
yet again thanks your too cool for school lol

Create an account or sign in to comment

You need to be a member in order to leave a comment

Sign in

Already have an account? Sign in here

SIGN IN NOW

Create an account

Sign up for a new account in our community. It's easy!

REGISTER A NEW ACCOUNT