Heim >Web-Frontend >CSS-Tutorial >So legen Sie eine gepunktete Trennlinie in CSS fest
So legen Sie eine gepunktete Trennlinie in CSS fest
- WBOYOriginal
- 2021-12-02 17:40:4512252Durchsuche
So legen Sie die gepunktete Trennlinie in CSS fest: 1. Verwenden Sie die Anweisung „element {height:0;}“, um die Höhe des Elements auf 0 zu setzen. 2. Fügen Sie dem Element das Randattribut mit einer Höhe von 0 hinzu und legen Sie den Rahmenstil des Elements fest. Es kann sich um eine gepunktete Linie handeln, und die Syntax lautet „Rand: Dickenwert, gestrichelter Farbwert;“.
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.
So legen Sie die gepunktete Trennlinie in CSS fest
Setzen Sie den Höhenwert eines leeren div-Elements auf 0, der Breitenwert ist der Längenwert der gepunkteten Linie und definieren Sie dann den Rand als gepunktete Linie Durch das Randattribut erhalten Sie eine gepunktete Linie, die die Drahtlinie trennt.
Das Beispiel sieht wie folgt aus:
<html>
<head>
<style type="text/css">
div{
border:1px dashed red;
height:0;
width: 200px;
}
</style>
</head>
<body>
<div></div>
</body>
</html>Ausgabeergebnis:
(Lernvideo-Sharing: CSS-Video-Tutorial)
Das obige ist der detaillierte Inhalt vonSo legen Sie eine gepunktete Trennlinie in CSS fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!