Maison  >  Article  >  interface Web  >  Comment supprimer les contours des images hyperliées : une solution rapide

Comment supprimer les contours des images hyperliées : une solution rapide

DDD
DDDoriginal
2024-11-20 01:11:02501parcourir

How to Remove Outlines from Hyperlinked Images: A Quick Fix

Suppression des contours des images hyperliées : une solution rapide

La présence de contours en pointillés autour des images hyperliées peut être un spectacle distrayant et peu professionnel. Pour éradiquer ce problème, suivez ces simples ajustements CSS :

Suppression du contour des balises d'ancrage :

  • Ajoutez le style suivant à votre code :
a {
    outline: none;
}

Cet extrait indique explicitement au navigateur de supprimer tout contour entourant les balises d'ancrage, éliminant ainsi efficacement la ligne pointillée.

Suppression du contour des liens d'image :

  • Si seules les images contenues dans des hyperliens affichent des contours, essayez ce style :
a img {
    outline: none;
}

Cette règle cible les images à l'intérieur des balises d'ancrage et remplace la propriété de contour par défaut.

Suppression de la bordure des liens d'image :

  • Dans le cas où une bordure donne à vos liens d'image un contour bien visible, utilisez ce code :
img {
    border: 0;
}

En définissant la propriété border sur 0, vous pouvez éliminer toutes les bordures qui pourraient être à l'origine du contour.

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