Heim > Artikel > Web-Frontend > So legen Sie einen gepunkteten Rand in CSS fest

So legen Sie einen gepunkteten Rand in CSS fest

青灯夜游Original: 2021-07-07 18:02:485410Durchsuche

Sie können das Attribut „border-top-style“ in CSS verwenden, um den gestrichelten Rand festzulegen. Sie müssen dem Element nur den Stil „border-top-style:dashed;“ hinzufügen. Das Attribut „border-top-style“ kann den oberen Randstil des Elements festlegen. Wenn der Wert gestrichelt ist, kann der Stil der gestrichelten Linie definiert werden.

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

In CSS können Sie das Attribut „border-top-style“ verwenden, um den gepunkteten Rand festzulegen. Das Attribut „border-top-style“ kann den oberen Randstil des Elements festlegen. Wenn der Wert gestrichelt ist, kann der Stil der gestrichelten Linie definiert werden.

Sehen wir uns das folgende Codebeispiel an:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<style>
p.dashed {border-top-style:dashed;}
</style>
</head>
<body>
<p class="dashed">虚线上边框样式</p>
</body>
</html>

Rendering:

So legen Sie einen gepunkteten Rand in CSS fest Erweitertes Wissen: Die Werte, die für das Attribut „border-top-style“ festgelegt werden können

WertBeschreibung keine definiert keinen Rahmen. hidden ist dasselbe wie „none“. Außer bei Anwendung auf Tabellen, bei denen „hidden“ zur Lösung von Randkonflikten verwendet wird. gepunktetDefinieren Sie gepunktete Ränder. Wird in den meisten Browsern als durchgezogene Linie dargestellt. dashed definiert die gestrichelte Linie. Wird in den meisten Browsern als durchgezogene Linie dargestellt. solid definiert eine durchgezogene Linie. double definiert Doppellinien. Die Breite der Doppellinie entspricht dem Wert von border-width. Groove 3D-Rillenrand definieren. Der Effekt hängt vom Wert von border-color ab. GratDefinieren Sie den 3D-Gratrand. Der Effekt hängt vom Wert von border-color ab. EinfügungDefinieren Sie den 3D-Einfügungsrand. Der Effekt hängt vom Wert von border-color ab. AnfangDefinieren Sie den 3D-Anfangsrand. Der Effekt hängt vom Wert von border-color ab. (Lernvideo-Sharing: CSS-Video-Tutorial

)

Das obige ist der detaillierte Inhalt vonSo legen Sie einen gepunkteten Rand in CSS fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：

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

Vorheriger Artikel：So implementieren Sie vertikale Linien in CSSNächster Artikel：So implementieren Sie vertikale Linien in CSS

In Verbindung stehende Artikel

Mehr sehen