Use TD hover to change back background-color - HTML CSS CSS Widget

HTML CSS examples for CSS Widget:Table Column

  1. HOME
  2. HTML CSS
  3. CSS Widget
  4. Table Column

Description

Use TD hover to change back background-color

Demo Code

ResultView the demo in separate window 

<html lang="en">
 <head> 
  <style>

td.blue-button:hover {
   background-color: #267aa6;
}
td.blue-button {
   font-family: Arial, sans-serif;
   font-weight:bold;
   color:#ffffff;
   text-shadow: 1px 1px 3px #014568;<!-- w  w  w .j ava 2 s .c  o m-->
   background-color: #006497;
   padding-top: 10px;
   padding-right: 10px;
   padding-bottom: 10px;
   padding-left: 10px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}
td.blue-button a {
   color:#ffffff;
   text-shadow: 1px 1px 3px #014568;
   text-decoration:none;
}


      </style> 
 </head> 
 <body translate="no"> 
  <table cellpadding="0" cellspacing="0" border="0" width="250" bgcolor="#ffffff" style="margin:0 auto;"> 
   <tbody> 
    <tr> 
     <td class="blue-button" width="250" align="center" style=""> <a href="#">reply to request</a> </td> 
    </tr> 
   </tbody> 
  </table>  
 </body>
</html>

Related Tutorials