Comment puis-je styliser les balises de zone HTML au survol ?

Survol de la balise de zone HTML

Pour survoler la balise de zone HTML, vous pouvez utiliser la pseudo-classe :hover. Cette pseudo-classe vous permet de spécifier les styles qui seront appliqués lorsque l'utilisateur survole un élément.

Voici un exemple de la façon dont vous pouvez utiliser la pseudo-classe :hover pour changer la couleur de la bordure d'une zone. balise lorsque l'utilisateur la survole :

area:hover {
  border: 1px solid black;
}

Ce CSS changera la couleur de la bordure de n'importe quelle balise de zone en noir lorsque l'utilisateur la survole

Informations supplémentaires

• La balise de zone est utilisée pour définir une zone cliquable sur une image.
• Le pseudo- :hover La classe est utilisée pour spécifier les styles qui seront appliqués lorsque l'utilisateur survole un élément.
• La propriété border est utilisée pour spécifier la largeur, le style et couleur de la bordure d'un élément.

Exemple

Le code suivant montre un exemple de la façon d'utiliser la balise Area et la pseudo-classe :hover pour créer une image cliquable avec une bordure noire lorsque l'utilisateur la survole :

<img src="my-image.jpg" usemap="#my-image-map">

<map name="my-image-map">
  <area shape="rect" coords="0, 0, 100, 100" href="my-link.html" alt="My Link">
</map>

<style>
  area:hover {
    border: 1px solid black;
  }
</style>

Dans cet exemple, la balise Area définit une zone cliquable sur le image avec l'ID mon-image. Lorsque l'utilisateur survole l'image, la pseudo-classe :hover changera la couleur de la bordure de la zone en noir.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!