Tema: Enlace boton con css, no me queda igual
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 25/05/2012, 20:49
fcosun
 
Fecha de Ingreso: octubre-2011
Mensajes: 153
Antigüedad: 13 años
Puntos: 7
Enlace boton con css, no me queda igual
hola estoy tratando de crear ese tipo de boton con css

Demo:


Aca tengo el codigo, pero no queda igual:

Código HTML: 
Ver original
  1. <html>
  2. <head>
  3. <title>Creando un boton</title>
  4.  
  5. <style type=text/css>
  6.  
  7. .miboton {
  8.     padding-right: 4px; 
  9.     padding-left: 4px; 
  10.     font-weight: bold; 
  11.     font-size: 10pt;
  12.     padding-bottom: 4px;
  13.     color: #F0F1F5;
  14.     padding-top: 4px; 
  15.     font-family: verdana, arial, sans-serif;
  16.     background-color: #7B8BD1; 
  17.     text-decoration: none
  18. }
  19. .miboton:link {
  20.     border-right: #B4B4F0 2px solid;
  21.     border-top: #cccccc 1px solid; 
  22.     border-left: #cccccc 1px solid;
  23.     border-bottom: #B4B4F0 2px solid
  24. }
  25.  
  26. </style>
  27.  
  28. </head>
  29. <body>
  30.     <div>
  31.         <a class=miboton href="#">Mi Boton</a> 
  32.     </div>
  33. </body>
  34.  
  35. </html>
__________________
Mi mail: [email protected]