HOW TO ADD HOVER?

NotesWithSaman

 <!DOCTYPE html>

<html lang="en">
<head>
    <title>Document</title>
    <style>
        header{
            text-align: right;
            font-size: 40px;
            border-style: solid;
            border-radius: 10px;
            border-color:palevioletred;
            border-width: 15px;
            padding: 5px;

        }
        a{
            color: black;
            padding: 2px;
            margin: 2px;
            text-decoration: none;
            background-color: gray;
            border-radius: 10px;
        }
        a:hover{
            background-color: black;
            color: gray;
        }
        img:hover{
            border-style: solid white;
            width: 500px;
        }
    </style>
</head>
<body bgcolor="lightblue">
    <header>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <a href="">HOME</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <a href="">CONTACT US</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <a href="">ABOUT US</a>
    </header>

    <center><img src="c1.jpg" alt="error" width="400px" height="500px"></center>s
</body>
</html>

0 Comments