CSS Basics Web development basics

CSS Links

With CSS Links can be styled in different ways

Styling CSS Links

Links can be styled with any CSS property (e.g. color, font-family, background, etc.).

Example:

Some styled links are below:

Text Link


text-decoration property is generally used in links to add or remove the underline for links.

Text link

Text link

In addition, links can be styled differently depending on what state they are in.

The four links states are:

  • a:link – a normal, unvisited link
  • a:visited – a link the user has visited
  • a:hover – a link when the user mouses over it
  • a:active – a link the moment it is clicked
  • Example:

    Link