Heim >Web-Frontend >CSS-Tutorial >So legen Sie einen gepunkteten Rand in CSS fest
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:
Erweitertes Wissen: Die Werte, die für das Attribut „border-top-style“ festgelegt werden können
| keine | |
|---|---|
| hidden | |
| gepunktet | |
| dashed | |
| solid | |
| double | |
| Groove | |
| Grat | |
| Einfügung | |
| Anfang | |
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!