Css a:hover pou image

Autrement dit, tu as une image à laquelle tu met une bordure de 4px et tu veux que quand l'image soit survolé qu'elle n'ai plus bordure.

Supposons:

<img src="image.jpg" alt="" id="image" />

En CSS:

img#image{border: 4px solid #000;}
img#image:hover{border: none;}

Dans ce cas précis je n'ai pas de lien dessus mais on peux faire la même chose avec un lien:

<a href="page.html"><img src="image.jpg" alt="" id="image" /></a>

CSS:

a img#image{border: 4px solid #000;}
a img#image:hover{border: none;}

J'espère que t'aidera.

ca marche mais

la bordure a la couleur FFFFFF et quand je mets le curseur sa change a 000

je veux par exemple la couleur FFFF66 et quand je mets le curseur la bordure se masque :)

merci

css

.banner {
a img#image{border: 4px solid #ffff00;}
a img#image:hover{border: none;}
margin-left:50px;
}

le html

<a href="https://www.domain.com/">
<img alt="description" src="images/banner.gif" width="468" height="60" class="banner" style="float: left" /></a>

Change:

.banner {
a img#image{border: 4px solid #ffff00;}
a img#image:hover{border: none;}
margin-left:50px;
} 

En:

a img.banner{border: 4px solid #ffff00;margin-left:50px;}
a img.banner:hover{border: none;}

Va falloir revoir les bases du CSS.
https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3

ca marche, merci