Modifier les bordures des images au passage de la souris

Vous allez dans le CCS,

Vous complétez  la ligne suivante, pour le style de bordure avant le passage de la souris

img {border:5px solid black;}

5 px : épaisseur de la bordure

solid : style de bordure

black : couleur de bordure

Ensuite, on rajoute la ligne suivante en rouge, pour le style de bordure au passage de la souris

img {border:1px solid black;}
img:hover { border:5px dotted purple; }

Pour en savoir plus sur les bordures : ICI