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!
