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
