Colocar Borde de Colores a una Imagen

Para poner borde a imágenes de una entrada utilizamos, dependiendo de la ubicación, los siguientes códigos:


Imagen a la izquierda :

<div class="separator" style="clear: both; text-align: center;"><img src="URL" style="clear: left; float: left; margin-top: 5px; margin-right: 10px; border: 1px solid #COLOR"/></div>

Imagen a la derecha :

<div class="separator" style="clear: both; text-align: center;"><img src="URL" style="clear: right; float: right; margin-top: 5px; margin-left: 10px; border: 1px solid #COLOR"/></div>

Imagen en el centro:

<div class="separator" style="clear: both; text-align: center;"><img src="URL" style="margin-left: 1opx; margin-right: 110px; border: 1px solid #COLOR"/></div>

• En URL ponemos la URL de la imagen correspondiente.
• En COLOR ponemos el número correspondiente al código del color que se asigne al borde.

Blog para saber los códigos de colores HTML :  AQUI