Blog Informático

El BloG De EriK

Os reescribo este código que he utilizado para otros trabajos para simular un botón con un enlace corriente.

<html>
 <head>
 <title>Ejemplo como mostrar enlaces como si fueran botones CSS</title>
 <style type="text/css">
 a{ margin: 1em 0; float: left; clear: left; }  
 a.boton {
 text-decoration:none;
 background: #EEE;
 color: #222
 border 1px outset #CCC;
 padding: .1em .5em;
 }
 a.boton:hover {
 background:#CCB;
 }
 a.boton:active {
 border: 1px inset #000;
 }
 </style>
 </head>

 <BODY>
 <!--Vamos a mostrar enlaces como si fueran botones con CSS.-->

 <a href="#">ENLACE1</a>    

 <a href="#">ENLACE2</a>
 </BODY>

</html>

Graficamente quedará de la siguiente manera.

CSS

If you enjoyed this post, make sure you subscribe to my RSS feed!

Otros temas interesantes


Suscripción gratuita

  • RSS
  • Delicious
  • Digg
  • Facebook
  • Twitter
  • Linkedin
  • Youtube