Lorsque vous incluez des images dans les pages Web HTML, certains navigateurs afficheront une frontière autour d'eux par défaut. Ce est particulièrement le cas lorsque l'image est à l'intérieur d'un élément de liaison d'ancrage, et est plus sensible à certains types d'images, tels que les fichiers PNG transparents. Vous pouvez supprimer la frontière qui apparaît autour des images dans vos pages Web en utilisant le CSS (Cascading Style Sheet) code. Le processus nécessite seulement un petit plus à votre page de code de balisage et devrait empêcher que la frontière d'apparaître dans ne importe quel navigateur Web aux utilisateurs d'accéder au site à partir.

Instructions

•  Ajouter style à votre page. Si vous avez déjà le code CSS de votre page, soit dans une section de style dans la page dédiée région de la tête, ou dans un fichier ".css" séparée, vous pouvez ajouter le code nécessaire pour cela. Sinon, ajoutez une section de style entre l'ouverture et de la tête de fermeture des balises dans votre page HTML comme suit: <style type = "text / css"> </ style> Votre codage de style sera placé entre ces balises.

•  Décidez comment identifier votre image. Lors de l'application de la déclaration de CSS pour supprimer la bordure, vous devrez décider quel type de sélection à utiliser. Par exemple, vous pouvez appliquer la propriété border à tous les éléments d'image dans la page en utilisant le schéma suivant: img {/ * Le CSS déclaration * /} Pour appliquer la déclaration seulement à des éléments d'image qui sont à l'intérieur des éléments d'ancrage, utilisez ce qui suit: a: lien img {/ * Le CSS déclaration * /} Pour appliquer la propriété uniquement aux éléments avec un attribut ID ou classe particulière, utilisez les options suivantes: / * * classe / .noBorder {/ * Le CSS déclaration * /} / * ID * / #noBorder {/ * Le CSS déclaration * /} Si vos images sont déjà sélectionnés dans un bloc de CSS existant, vous pouvez ajouter la déclaration de retrait de la frontière à ce bloc à la place.

•  Retirer la frontière. L'intérieur de votre bloc de CSS dans lequel l'image en question est sélectionnée, ajouter la déclaration suivante: border: none; Cela indique le navigateur de l'utilisateur de ne pas afficher une bordure du tout autour des images sélectionnées par le bloc de CSS. Certains développeurs choisissent d'appliquer une largeur de frontière zéro au lieu: border: 0; Cela a le même effet que l'application pas de frontière.

•  Ouvrez votre page dans un navigateur Web. Il vaut mieux vérifier votre page Web en autant de programmes de navigation différents que possible, en particulier quand il se agit de propriétés de style. Les principaux programmes de navigateur: Internet Explorer, Firefox, Chrome, Safari et Opera, ainsi que des versions mobiles de ces derniers. Assurez-vous que le réglage de la frontière n'a pas perturber d'autres éléments visuels au sein de vos pages. Si elle a, vous devrez peut-être faire quelques changements à votre code CSS existante pour atteindre l'apparence que vous voulez.