Try it Yourself: CSS Links

CSS Links

<!DOCTYPE html>
<html>
<head>
<style>
a:link {
  color: #00643c;
}
a:visited {
  color: #6b4f9e;
}
a:hover {
  color: #008f56;
  text-decoration: underline;
}
a:active {
  color: #d64545;
}
</style>
</head>
<body>

<p>
  <a href="#home">Home</a>
  <a href="#about">About</a>
</p>

</body>
</html>

<!DOCTYPE html>
<html>
<head>
<style>
a:link {
  color: #00643c;
}
a:visited {
  color: #6b4f9e;
}
a:hover {
  color: #008f56;
  text-decoration: underline;
}
a:active {
  color: #d64545;
}
</style>
</head>
<body>

<p>
  <a href="#home">Home</a>
  <a href="#about">About</a>
</p>

</body>
</html>