CSS: Imágenes con borde

0 - , - 08/06/2005 00:00:00

Este es un pequeño apunte que nos puede ahorrar trabajo. Las fotografías, a la hora de incluirlas en una web, hay veces que quedan mejor con un borde que las enmarque. Ese trabajo lo podemos hacer con Photoshop, enmarcando todas las fotografías y volviéndolas a guardar, o de una forma mucho más sencilla y rápida con CSS, redifiniendo la etiqueta img:

img { 
border: 4px solid #cccccc; 
}

En nuestra web probablemente hayan imágenes a las que no queramos aplicar un borde. En ese caso podemos optar por crear una clase CSS para aplicar borde a las imágenes que queramos:

CSS

.imgborde {
border: 1px solid #000000;
}
  
HTML
<img src="imagen.jpg" alt="Mi imagen " class="imgborde" />
O redefinir la etiqueta img dentro de un div contenedor
#album img {
border: 4px solid #cccccc;
}

Deja tu comentario

  • El comentario debe estar relacionado con el contenido de la entrada.
  • Comentarios ofensivos, con spam o con lenguaje inapropiado serán eliminados.

captcha