Mostrar enlaces como si fueran botones con CSS

Posted on Domingo, noviembre 15, 2009 in CSS, Html

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

Si te ha gustado este post, porfavor suscribete a mi RSS feed!

Otros temas interesantes

Tags:
Filed in CSS, Html
«
»

Leave a Comment

Recibe artículos Gratis




Recibe las noticias de El Blog De EriK en tu email GRATIS:

Introduce tu correo:


Categorias

Otros artículos :

Lector PDF y Txt para PsP , Bookr.

Crear backups automaticos de la base de datos en Wordpress.

Como saber que placa base tenemos.

Paquete de Codecs K-Lite Codeck Pack

Ocultar codigo pagina html

Como crear imagenes ISO con CDBurnerXP Pro

Abrir varias sesiones en MSN

Cumplimos 100 Entradas

Lightbox imagenes emergentes

Controla el tiempo que navegas por la red.

Publicidad

Nube de Etiquetas

Intercambio de enlaces

Directorio de enlaces - COMpartimos.NET
Agregar mi web
Intercambio de enlaces gratuitos
Blog de Jorgechu
Famosos Desnudos

Xaloc RussafaFotos SexysProgramacion y disenyo webEscultor Miguel MarinJuegos de BolasFabripal S.L