Using pseudo-classes

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Page title</title> <style> a:link { color: #0000ff; } a:visited { color: #ff00ff; } a:hover { color: #00ccff; } a:active { color: #ff0000; } </style> </head> <body> <p><b><a href="#">regular link</a></b></p> </body> </html>	Result:
Edit the code listed above and click the "GO" button to view the result.