Heim > Web-Frontend > CSS-Tutorial > So entfernen Sie den CSS-Stil mit gepunkteten Linien

So entfernen Sie den CSS-Stil mit gepunkteten Linien

藏色散人
Freigeben: 2019-01-14 11:06:55
Original
7096 Leute haben es durchsucht

Wenn ein Hyperlink aktiv wird oder den Fokus erhält, wird eine gepunktete Linie um den Link herum angezeigt, um ihn von anderen Links zu unterscheiden, was dem Standardverhalten von Hyperlinks entspricht. Es handelt sich im Grunde genommen um einen gestrichelten Umriss, der die umliegenden Elemente nicht wie ein Rahmen beeinflusst. Wenn wir den CSS-Stil mit gepunkteten Linien entfernen möchten, können wir dies mit der CSS-Eigenschaft „outline:none;“ erreichen.

So entfernen Sie den CSS-Stil mit gepunkteten Linien

Im Folgenden stellen wir Ihnen anhand eines einfachen Beispiels vor, wie Sie den CSS-Stil mit gepunkteten Linien entfernen.

Das Codebeispiel lautet wie folgt:

<!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>
Nach dem Login kopieren

Umriss (Umriss) ist eine Linie, die um das Element herum gezeichnet wird und sich außerhalb des Randes des Rahmens befindet und das Element hervorheben kann. Das Outline-Attribut legt den Umriss um das Element fest.

Hinweis: Deklarieren Sie immer das Attribut „outline-style“ vor dem Attribut „outline-color“. Ein Element kann die Farbe seines Umrisses erst ändern, nachdem es den Umriss erhalten hat.

Hinweis: Konturlinien nehmen keinen Raum ein und sind nicht unbedingt rechteckig.


Der Standardwert ist „Keine“.


Dieser Artikel ist eine Einführung zum Entfernen des CSS-Stils mit gepunkteten Linien. Er ist sehr einfach und leicht zu verstehen.

Das obige ist der detaillierte Inhalt vonSo entfernen Sie den CSS-Stil mit gepunkteten Linien. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage