CodePen Embed - CSS Links

<!DOCTYPE html>
<html>
<head>
<style>
/* Unvisited link */
a:link {
color: blue;
text-decoration: none;
}

/* Visited link */
a:visited {
color: purple;
}

/* Hovered link */
a:hover {
color: red;
text-decoration: underline;
}

/* Active link */
a:active {
color: orange;
}
</style>
</head>
<body>
<h1>CSS Link Styling Example</h1>
<p><a href="https://example.com">Visit Example.com</a></p>
</body>
</html>

This Pen is owned by Training Course on CodePen.

See more by @Training-Course on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.