Program:
Output:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>CSS LINKS</title> <style> div { margin: 100px auto; width: 500px; text-align: center; } a:link { color: green; text-decoration: none; padding: 20px; text-align: center; display: inline-block; background-color: red; font-size: 50px; } a:visited { color: blue; } a:hover { color: hotpink; } a:active { color: yellow; } </style> </head> <body> <div> <a href="https://google.com/" target="_blank">Google</a> </div> </body> </html>
Output: