CSS Links

With the help of CSS Links, you can easily change the color on link, hover, visited and active..

a:link: Default or normal link

a:visited: a link when user visited

a:hover: a link when mouse hover on link

a:active: when user open that link page, link clicked




Example:

<!DOCTYPE html>
<html lang=“en”>
<head>
<meta charset=“utf-8”>
<style type=“text/css”>
a:link {color: #000000}
a:visited {color: #006600}
a:hover {color: #FFCC00}
a:active {color: #FF00CC}
</style>

</head>
<body>

<h2>Check below Link with on mouse hover, on visited, on active and link give different colors as defined by above style.</h2>
<a href=“#”>Home</a>

</body>
</html>

/* You can give color, text-decoration, background-color, padding and more. */

Leave a Reply

avatar
  Subscribe  
Notify of