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:
