En ocasiones, puede resultar útil incluir un pequeño icono al lado de un enlace para indicar el tipo de contenido que enlaza.
La técnica consiste en mostrar una imagen de fondo sin repetición en el enlace y añadir el padding necesario al texto del enlace para que no se solape con la imagen de fondo.
|
1 2 3 4 5 6 7 |
a { margin: 1em 0; float: left; clear: left; } .rss { color: #E37529; padding: 0 0 0 18px; background: #FFF url(imagenes/rss.gif) no-repeat left center; } |
¿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.
