9 Program to demonstrate Link in CSS

Program:

<!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:

Link in CSS

Previous
Next Post »