×

Html & Html5

The World's best Software Development Study Portal

CSS Links



As we know through links we use to redirect the existing page into some other document or page etc. In CSS links are stated under 4 states which are as follows :-


  • a:link-    normal, unvisited link(not clicked even)
  • a:visited-   once this link is been visited
  • a:hover-   mouse at upon the link
  • a:active-   link when clicked


We can give any styling to this link means we can give different colors to these link , set text-decoration for this link and etc. anything you want

Let's understand this by the following program



<!DOCTYPE html>

<html>

<head>

<style>

          a:link {background-color:hotpink; }

          a:visited { background-color:pink; }

          a:hover { text-decoration:line-through; }

          a:active { text-decoration:overline; }

</style>

</head>

<body>

<a href="best-css-training-insitute.html"> Click Here </a>

<p> See the changes in above link </p>

</body>

</html>


Output of the Program




So like this we can change the styling of our links.







CSS 3 training insitute | Best IT Training classes in Gurgaon | Web Designing Training Institute