Cambiar color de borde de las imagenes al pasar el cursor

Este es un truco muy facil y que puede ser utilizado en en cualquier sitio que maneje el lenguaje HTML de forma editable como Blogger, Jindo, Wordpress, Webs y dominios.
  • Ve a Plantilla y das click en Edicion de HTML.
  • Luego antes de la etiqueta ]]></b:skin>. pega lo siguiente.
/* imagen normal */
img, a img {
border:3px solid #84A5FF; /*ancho y color del borde */
border-radius:0px; /* radio del borde */
}
/* Imagen al pasar el cursor */
img:hover, a img:hover {
border:3px solid #1252FF; /*ancho y color del borde */
border-radius:0px; /* radio del borde */
}
  • Lo de rojo es el color del borde
  • Lo de Azul es el ancho del borde
  • Lo de Naranja es el radio de la imagen

El estilo puesto sin radio

El estilo puesto con radio