Css unterer Doppelstrich ist das Attribut „border-bottom-style“, mit dem der Stil des unteren Rands des Elements festgelegt wird. Wenn der Attributwert auf „double“ gesetzt ist, kann ein doppelter durchgezogener Rand hinzugefügt werden am unteren Rand des Elements, d. h. Doppelstrich-Syntax „border-bottom-style:double“.
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.
Der CSS-Doppelstrich unten ist das Attribut „border-bottom-style“.
Das Attribut „border-bottom-style“ wird verwendet, um den Stil des unteren Rands des Elements festzulegen.
Wenn der Wert dieses Attributs auf „double“ festgelegt ist, kann am unteren Rand des Elements ein doppelter durchgezogener Rahmen hinzugefügt werden um einen Doppelstricheffekt zu erzielen.
Beispiel:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
p.double {
border-bottom-style: double;
}
</style>
</head>
<body>
<p>无边界。</p>
<p class="double">双线底边界。</p>
</body>
</html>
Erklärung: Zusätzlich zu double hat der Wert des border-bottom-style-Attributs auch:
| none | |
|---|---|
| hidden | |
| gepunkteter Rand | |
| gestrichelter Rand | |
| durchgezogener Rand Definition Doppellinie. Die Breite der Doppellinie entspricht dem Wert von border-width | |
| ridge | definiert einen dreidimensionalen Diamantrand. Der Effekt hängt vom Wert von border-color ab. |
| inset | definiert einen dreidimensionalen konkaven Rand. Der Effekt hängt vom Wert von border-color ab. |
| outset | definiert einen dreidimensionalen konvexen Rand. Der Effekt hängt vom Wert von „border-color“ ab |
Das obige ist der detaillierte Inhalt vonWas ist das Attribut des CSS-Doppelstrichs unten?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
