Recuadrado (marco bonito) de imágenes

[Daphne]

img {
background-color: purple;
border-style: double;
border-color: #FB03CB;
border-width: 3px;
margin: 8px,8px,8px,0px;

}


Con este código consigo un bonito reborde para las imágenes de la web. Ahora bien, si no quiero que alguna imagen aparezca automáticamente con él, ¿qué puedo hacer? He probado con border="0" y, lógicamente, no funciona. ¿Alguna otra idea?

[JavierB]

Hola Daphne.

Tienes, al menos, tres posibilidades:

1 - Defines tu estilo como:

img.marco {
background-color: purple;

y asignas esa clase a las imagenes que quieras con marco:

<img src="imagen.gif" class="marco" />

2 - Defines una clase nueva:

img.nada {border-width:1px;}

Y se lo pones a las imágenes que quieres sin marco:

<img src="imagen2.gif" class="nada" />

3 - Metes las imágenes que quieres enmarcar dentro de un div:

<div id="enmarcado">
<img src="imagen3.gif" />
...
</div>

y pones tu estilo de esta forma:

#enmarcado img {
background-color: purple;

Puede que haya otras formas, pero ahora no se me ocurren. Saludos,

[Daphne]

La segunda solución es la mejor para lo que yo necesito. Muchas gracias, JavierB. :)

[JavierB]

Buena elección Me alegro de que te haya servido