Ancho y alto de las imágenes
Utilizando las propiedades width y height, es posible mostrar las imágenes con cualquier altura/anchura, independientemente de su altura/anchura real.
1 2 3 4 5 |
#destacada{ width: 120px; height: 250px; } <img id="destacada" src="imagen.png" alt="" /> |
Sin embargo esto es poco utilizado ya que nunca se querrá mantener las imágenes a un tamaño establecido, a menos que se trate de thumbnails o galerías de imágenes.
Borde de las imágenes
Cuando una imagen forma parte de un enlace, los navegadores muestran por defecto un borde azul grueso alrededor de las imágenes. Por tanto, una de las reglas más utilizadas en los archivos CSS es la que elimina los bordes de las imágenes con enlaces.
1 2 3 |
img { border: none; } |
¿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.