öncelikle bu işlemleri belirleyen kodlardan bahsedeceğim bunları nerede kullanmak tamamen size kalmıştır.
a:link * ziyaret edilmemiş bağlantıları belirler
a:visited * ziyaret edilen bağlantıları belirtir
a:hover * bağlantı üzerine gelindiğindeki hali aktarır
a:active * seçilmiş bağlantıyı gösterir yani linkin en doğal halini
<html>
<head>
<style>
a:link {background-color:red;} /* ziyaret edilmemiş bağlantı */
a:visited {background-color:blue;} /* ziyaret edilen bağlantı */
a:hover {background-color:green;} /* bağlantı üzerine gelindiğinde */
a:active {background-color:orange;} /* seçilmiş bağlantı */
</style>
</head>
<body>
<a href="https://www.r10.net/html-css-xml/">Örnek linktir</a>
</body>
</html>