Debemos quitar el subrayado común de un enlace aplicarle un fondo similar al color de un botón y poner bordes.
Además agregar las pseudo-clases para que reaccione igual que un botón.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
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; } |
¿Te gustó este artículo?
Si te gustó este artículo, te ha servido o aprendiste algo nuevo; compártelo en tus redes sociales o invítame un cafe.
