Heim >Web-Frontend >CSS-Tutorial >So drücken Sie eine gepunktete Box in CSS aus
Die Darstellungsmethode der gepunkteten Box in CSS: 1. „Element {border-style:dashed;}“, der Wert „dashed“ bedeutet, dass der Rahmen auf den gepunkteten Stil eingestellt wird. 1. „Element {border-style:dotted;}“ }“, Ein „gepunkteter“ Wert legt den Rahmen auf einen gepunkteten Stil fest.
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.
Wie man das gepunktete Kästchen in CSS ausdrückt
Es gibt zwei Möglichkeiten, das gepunktete Kästchen in CSS auszudrücken.
1. Verwenden Sie den Rahmenstil: gestrichelt; das Beispiel lautet wie folgt:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style type="text/css"> div{ width:100px; height:100px; background-color:red; border-style: dashed; } </style> </head> <body> <div> </div> </body> </html>
Ausgabeergebnis:
(Teilen von Lernvideos:
CSS-Video-Tutorial)
Das obige ist der detaillierte Inhalt vonSo drücken Sie eine gepunktete Box in CSS aus. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!