Entire Button Clickable - HTML CSS CSS Widget

HTML CSS examples for CSS Widget:Button

  1. HOME
  2. HTML CSS
  3. CSS Widget
  4. Button

Description

Entire Button Clickable

Demo Code

ResultView the demo in separate window 

<html>
 <head> 
  <meta name="viewport" content="width=device-width, initial-scale=1"> 
  <style id="compiled-css" type="text/css">

table {<!--from   w  w  w.  j  ava 2 s. c o  m-->
   background: #434242;
   border-radius: 30px;
   width: 20%;
   cellspacing:0;
   cellpadding:0;
   font-family: helvetica, arial, sans-serif;
   font-size: 12px;
   letter-spacing: 0.2px;
}
td {
   text-align: center;
   display:block;
}
.table a {
   padding: 8px;
   color: white;
   text-decoration: none;
   display:block;
}


      </style> 
 </head> 
 <body> 
  <table class="table"> 
   <tbody> 
    <tr> 
     <td> <a href="" title="my site">MY SITE</a> </td> 
    </tr> 
   </tbody> 
  </table>  
 </body>
</html>

Related Tutorials