Cómo convertir un enlace en un botón con CSS

Cómo convertir un enlace en un botón con CSSEspectacular 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

Muy interesante la n

Muy interesante la nota , lo voy a probar

Enviado por nestor j fernandez (no verificado) el Sáb, 10/20/2007 - 14:45.

Deja tu comentario

El contenido de este campo se mantiene privado y no se mostrará públicamente.
  • Las direcciones de las páginas web y las de correo se convierten en enlaces automáticamente.
  • Etiquetas HTML permitidas: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Saltos automáticos de líneas y de párrafos.

Más información sobre opciones de formato

Suscríbete

  • Suscribete a nuestro feed
  • Add to Google Reader or Homepage
  • Subscribe in NewsGator Online
  • Add to My AOL
  • Subscribe in Bloglines
  • Add to netvibes