Mostrar enlaces como si fueran botones con CSS
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.
If you enjoyed this post, make sure you subscribe to my RSS feed!








Leave a Comment