CSS Hover Effects

Full Stack Web Development Courses with Real-time projects Start Now!!

Program 1

<html>
    <head><title>Demo of Hover</title>
        <style>
            a:hover
            {
                color: blue;
            }
            a:active
            {
                color: red;
            }
            a:visited
            {
                color: chartreuse;
            }
            h1
            {
                text-align: center;
                font-size: 30;
                font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
                color: black;
            }
        </style>
    </head>
    <body>
        <center>
        <h1><a>This a Demo test of Mouse over</a></h1>
          <h1><a href="https://data-flair.training/blogs/">click here for blogs</h1></a>     
        </center>
  </body>
</html>

 

If you are Happy with DataFlair, do not forget to make us happy with your positive feedback on Google

courses
Image

DataFlair Team

DataFlair Team provides high-impact content on programming, Java, Python, C++, DSA, AI, ML, data Science, Android, Flutter, MERN, Web Development, and technology. We make complex concepts easy to grasp, helping learners of all levels succeed in their tech careers.

Leave a Reply

Your email address will not be published. Required fields are marked *