CSS Links

0 3648

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

a:link - Default or normal link
a:visited - a link when the user visited
a:hover - a link when mouse hover on the link
a:active - when the user opens 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>