CSS Stereo button effect

Head Title stereo button-www.cxybl.com/title Style type = text/css #elButtona {color: #000000; font-size:12px; font-family:ver Dana Font-weight:bold; Text-decoration:none; Border:4pxoutsetaqua; Background-color: #00ffff; Display:block; Width:13

     

 
 

  
  

  
<  Head >  
  
  

  
< title > Stereo button-www.cxybl.com </ title >  
  
  

  
< style   type="text/css">  
  
  

  
#elButton a {
  
  

  
Color: #000000;
  
  

  
font-size:12px;
  
  

  
Font-family:verdana;
  
  

  
Font-weight:bold;
  
  

  
Text-decoration:none;
  
  

  
border:4px outset Aqua;
  
  

  
Background-color: #00ffff;
  
  

  
Display:block;
  
  

  
width:130px;
  
  

  
PADDING:3PX 5px;
  
  

  
margin:1px;
  
  

  
}
  
  

  
#elButton A:hover {
  
  

  
Background-color: #00c0c0;
  
  

  
Color: #000000;
  
  

  
padding-left:4px;
  
  

  
BORDER:4PX inset Aqua;
  
  

  
}
  
  

  
#elButton a {
  
  

  
Color: #000;
  
  

  
font-size:12px;
  
  

  
Font-family:verdana;
  
  

  
Font-weight:bold;
  
  

  
Text-decoration:none;
  
  

  
border:4px outset Aqua;
  
  

  
Background-color: #00ffff;
  
  

  
Display:block;
  
  

  
width:130px;
  
  

  
PADDING:3PX 5px;
  
  

  
margin:1px;
  
  

  
}
  
  

  
#elButton A:hover {
  
  

  
Background: #00c0c0;
  
  

  
Color: #000000;
  
  

  
padding-left:4px;
  
  

  
BORDER:4PX inset Aqua;
  
  

  
}
  
  

  
</ style >  
  
  

  
</  Head >  
  
  

  
<  Body >  
  
  

  
< Div   id="Elbutton">  
  
  

  
< Div >  
  
  

  
</ Div >  
  
  

  
</ Div >  
  
  

  
</  Body >  
  
  

  
</ HTML >