CSS Links

tutorial and example
tutorial and example

CSS Link is used to create styled link. There are various ways to implement it.

Styling Links

Link can be styled with CSS properties like color, font-family, background etc.

Example:

Try Now

There are four states of links

  • a:link : A normal, unvisited link.
  • a:visited : A link the user has visited.
  • a:hover : A link when the user mouse over it.
  • a:active : A link the moment it is clicked.

Example:

Text Decoration

Text Decoration property is used to remove hte underlines from links:.

Example

Advanced Link Buttons

The example of advance link button uses several CSS properties to display the link as box/buttons:

Example

Try Now