So legen Sie einen gepunkteten Rand in CSS fest-CSS-Tutorial-php.cn

So legen Sie einen gepunkteten Rand in CSS fest

青灯夜游

Freigeben： 2023-01-07 11:42:18

Original

5424 Leute haben es durchsucht

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.

So legen Sie einen gepunkteten Rand in CSS fest

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>

Nach dem Login kopieren

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!