CSS Links

To style the way your HTML links look on the website you can use this property.

Example 1

<html lang="en">
<head>
    <style>
        h1{
            font-size:25px;
            color:royalblue;
        }
        a:link{
            color: #f23;
        }
        a:visited {
            color: green;
        }
        a:hover{
            color:hotpink;
        }
    </style>
</head>
<body>
    <p id="p1">CSS tutorils with CodeWithRahul</p>
    <a href="rahul3133.github.io/codewithrahul.com/htmls/index.html" target="_blank">CodeWithRahul Website</a>
</body>
</html>

Output:

On hovering over this code, you could see the colour changing to “hotpink”. As the target is “_blank” the link would be opened in a new tab.