Heim > Artikel > Web-Frontend > So stellen Sie den Rahmen in CSS auf den gepunkteten Stil ein
So stellen Sie den Rahmen in CSS auf den gepunkteten Stil ein
- 青灯夜游Original
- 2021-04-16 17:27:1032620Durchsuche
In CSS können Sie das Attribut „border-style“ verwenden, um den Rahmen auf einen gestrichelten Stil festzulegen. Sie müssen dem Element nur den Stil „border-style:dashed;“ hinzufügen. Das Attribut „border-style“ wird verwendet, um den Stil des Elementrahmens festzulegen. Wenn der Wert „dashed“ ist, kann der Stil des gestrichelten Rahmens definiert werden.
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.
css set border gestrichelter Stil
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style type="text/css">
p.dashed {
border-style: dashed
}
p.solid {
border-style: solid
}
</style>
</head>
<body>
<p class="dashed">这是虚线边框样式！</p>
<p class="solid">这是实线边框样式！</p>
</body>
</html>Rendering:
Das Attribut „border-style“ wird verwendet, um den Stil des Elementrahmens festzulegen; der Rahmen darf nur angezeigt werden, wenn dieser Wert nicht „none“ ist.
Attributwert:
| Wert | Beschreibung |
|---|---|
| keine | Definieren Sie keinen Rahmen. |
| hidden | ist dasselbe wie „none“. Außer bei Anwendung auf Tabellen, bei denen „hidden“ zur Lösung von Randkonflikten verwendet wird. |
| gepunktet | Definieren 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. |
| Grat | Definieren Sie den 3D-Gratrand. Der Effekt hängt vom Wert von border-color ab. |
| Einfügung | Definieren Sie den 3D-Einfügungsrand. Der Effekt hängt vom Wert von border-color ab. |
| Anfang | Definieren Sie den 3D-Anfangsrand. Der Effekt hängt vom Wert von border-color ab. |
| inherit | gibt an, dass der Rahmenstil vom übergeordneten Element geerbt werden soll. |
(Lernvideo-Sharing: CSS-Video-Tutorial)
Das obige ist der detaillierte Inhalt vonSo stellen Sie den Rahmen in CSS auf den gepunkteten Stil ein. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!