Heim > Web-Frontend > CSS-Tutorial > So legen Sie eine gepunktete Trennlinie in CSS fest

So legen Sie eine gepunktete Trennlinie in CSS fest

WBOY
Freigeben: 2021-12-02 17:40:45
Original
12226 Leute haben es durchsucht

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;“.

So legen Sie eine gepunktete Trennlinie in CSS fest

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>
Nach dem Login kopieren

Ausgabeergebnis:

So legen Sie eine gepunktete Trennlinie in CSS fest

(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!

Verwandte Etiketten:
css
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage