Maison >interface Web >tutoriel CSS >Comment supprimer le contour autour des images avec des liens hypertextes ?

Comment supprimer le contour autour des images avec des liens hypertextes ?

Linda Hamilton
Linda Hamiltonoriginal
2024-11-19 17:47:02608parcourir

How to Remove the Outline Around Hyperlinked Images?

Élimination des contours des images de liens hypertextes

Lors de l'utilisation du remplacement de texte CSS avec des valeurs d'indentation de texte négatives (par exemple, text-indent : -9999px), cliquer sur les liens concernés révèle un contour en pointillé disgracieux autour de l'image. Pour résoudre ce problème, envisagez les solutions suivantes :

  • Désactiver le contour des balises d'ancrage :
a {
  outline: none;
}
  • Désactiver Aperçu des liens d'image :
a img {
  outline: none;
}
  • Supprimer la bordure des liens d'image :
img {
  border: 0;
}

Ces déclarations CSS supprimez efficacement le contour ou la bordure autour des images de liens hypertexte, offrant ainsi une expérience utilisateur plus esthétique.

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn