Comment supprimer le style de ligne pointillée CSS-tutoriel CSS-php.cn

Comment supprimer le style de ligne pointillée CSS

藏色散人

Libérer： 2019-01-14 11:06:55

original

7055 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!