Maison > interface Web > tutoriel CSS > le corps du texte

Comment supprimer le style de ligne pointillée CSS

藏色散人
Libérer: 2019-01-14 11:06:55
original
7068 Les gens l'ont consulté

Lorsqu'un lien hypertexte devient actif ou obtient le focus, une ligne pointillée apparaît autour du lien pour le distinguer des autres liens, ce qui est le comportement par défaut des hyperliens. Il s'agit essentiellement d'un contour en pointillés qui n'affecte pas les éléments environnants comme une bordure. Si nous voulons supprimer le style de ligne pointillée CSS, nous pouvons utiliser la propriété CSS "outline:none;" pour y parvenir.

Comment supprimer le style de ligne pointillée CSS

Ci-dessous, nous vous présenterons comment supprimer le style de ligne pointillée CSS avec un exemple simple.

L'exemple de code est le suivant :

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>使用CSS删除虚线轮廓</title>
    <style type="text/css">
        a, a:active, a:focus{
            outline: none; /* *适用于Firefox,Chrome,IE8及以上版本* */
 }
    </style>
</head>
<body>
<div class="menu">
    <a href="#">Home</a> | <a href="#">About Us</a> | <a href="#">Contact</a>
</div>
</body>
</html>
Copier après la connexion

Outline (outline) est une ligne tracée autour de l'élément, située à l'extérieur du bord de la bordure, qui permet de mettre en évidence l'élément. L'attribut outline définit le contour autour de l'élément.

Remarque : déclarez toujours l'attribut outline-style avant l'attribut outline-color. La couleur du contour d'un élément ne peut être modifiée qu'une fois que celui-ci a obtenu son contour.

Remarque : Les lignes de contour n'occupent pas d'espace et ne sont pas nécessairement rectangulaires.


La valeur par défaut est aucune.


Cet article est une introduction sur la façon de supprimer le style de ligne pointillée CSS. Il est très simple et facile à comprendre. J'espère qu'il sera utile aux novices !

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal