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

Comments
0
Tags:

Recibe artículos Gratis




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

Introduce tu correo:


Categorias

Otros artículos :

Paquete de Codecs K-Lite Codeck Pack

Formulario de Contacto Html

La web de un millon de dolares

Colorzilla Add-ons

Copia de seguridad de tu blog en wordpress con WP-DB-Backup

Musica Online con Spotify.

Mostrar enlaces como si fueran botones con CSS

Secretos empresa de software.

Como mostrar archivos ocultos

Error plugin wordpress escribir mensaje wp-forum

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