<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Link States using CSS</title> <style> /* unvisited link */ a:link { color: purple; text-decoration: none; border-bottom: 1px solid; } /* visited link */ a:visited { color: blue; } /* mouse over link */ a:hover { color: pink; border-bottom: none; } /* active link */ a:active { color: yellow; } </style> </head> <body> <p><a href="https://www.simmanchith.com">Simmanchith Homepage</a></p></body> </html>