Add a rounded grey background to an element when the user hovers over it - HTML CSS CSS Widget

HTML CSS examples for CSS Widget:Hover to change Color

  1. HOME
  2. HTML CSS
  3. CSS Widget
  4. Hover to change Color

Description

Add a rounded grey background to an element when the user hovers over it

Demo Code

ResultView the demo in separate window 

<html lang="en">
 <head> 
  <title>Lorem ipsum dolor si</title> 
  <style>
a:hover {<!--from ww w . j a  v  a2 s  .c  om-->
   background-color:Chartreuse;
   border-radius:14px;
   padding:11px;
}
</style> 
 </head> 
 <body translate="no"> 
  <a href="http://somerandomlinks.com">Lorem ipsum dolor</a>  
 </body>
</html>

Related Tutorials