Espectacular la técnica que nos explica Roger Johansson para convertir un enlace de texto en un botón con sólo CSS y algunas etiquetas extras.
El diseño del botón web tiene las siguientes características:
- Un ancho flexible a la cantidad de texto
- Crecimiento horizontal y vertical según el tamaño del texto
- Conserva su apariencia dentro de los límites razonables
- No tiene zonas no clickeables
- Pueden tener esquinas redondeadas
- Son legibles, aún cuando las imágenes no se muestren
El acabado final lo pueden observar en este enlace. Y el código e imágenes necesarios para lograrlo, desde el siguiente.
Tutorial | Creating bulletproof graphic link buttons with CSS
Si te gustó este artículo también te gustará...
¿Deseas personalizar los checkbox de un sitio web con CSS, sin necesidad de utilizar JavaScript? Hoy vamos a comentar de una...
11/07/2013 - 12:41am
PXtoEM.com es un sitio web que nos permite convertir valores en píxeles a EMs y viceversa. Recordando el artículo Cómo usar ems en vez...
07/11/2012 - 7:48pm
En años pasados, los diseñadores de páginas web utilizaban principalmente el em para definir el tamaño o dimensión de la fuente...
30/09/2012 - 7:50pm
Muy interesante la nota , lo voy a probar
Pero hubiese sido mejor que lo expliques paso a paso.
h-energy.blogspot.com