Admin
 
 
Logo DIPLOX
Css: imágenes con borde
Volver Por face
  
Miercoles, 23/09/2009
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;
}


Volver Por face