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

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

Otros temas interesantes

Tags:
Filed in CSS, Html
«
»

Leave a Comment

Recibe artículos Gratis

Add to Google Reader or Homepage

Suscribirse a NewsGator OnlineAdd to netvibes

Suscribirse a BloglinesAdd to Plusmo

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

Introduce tu correo:


Categorias

Otros artículos :

Multi-escritorio gratuito.

Como eliminar los ficheros de la cola de impresion

Plugin Wordpress post relacionados.

Mostrar gente online en nuestra web

Abrir varias sesiones en MSN

Añade divertidos emoticonos a tu blog

Reproductor de flash video FLV Player

Formulario de contacto Wordpress con imagenes

Añade un lector automático a tu blog con vozMe.

Diseño dibujos vectoriales

Publicidad

Nube de Etiquetas

Intercambio de enlaces


Directorio Web - Directorio de Páginas Webs
Directorio de enlaces - COMpartimos.NET
Agregar mi web
Agregar mi web
Series
Emoticonos
Intercambio de enlaces gratuitos
Blog de Jorgechu
Famosos Desnudos

2009 Programador Web | ESV |

This theme was designed by Chris Wallace and is licensed under the GNU General Public License.