So legen Sie eine gepunktete Linie in CSS fest

So legen Sie eine gestrichelte Linie in CSS fest: 1. Erstellen Sie ein

-Tag und fügen Sie dann den CSS-Stil als „border-bottom:red 1px dashed;“ hinzu hr-Tag, und fügen Sie dann einen Rahmen zu den hr-Tag-Eigenschaften hinzu, um den gepunkteten Linieneffekt zu erzielen.

Demo-Umgebung in diesem Artikel: Acer S40-51, Windows10 Home Chinese Edition, HTML5&&CSS3&&HBuilderX.3.0.5.

Empfohlen: „CSS-Video-Tutorial“

So legen Sie gepunktete Linien in CSS fest

Gepunktete Linien festlegen, indem Sie gepunktete Ränder festlegen:

• Wir wissen, dass der Rahmen des

  -Tags in HTML kann auf gepunktete Linien eingestellt werden.

  Sie können also zunächst ein

  -Tag erstellen:

  <div class="xuxian"></div>

  Dann legen Sie die Höhe des Rahmens auf 0 fest und legen Sie entweder den oberen Rand oder den unteren Rand auf eine gepunktete Linie von einem Pixel fest.

  Die Details sind wie folgt:

  .xuxian{
  width:100%;
  height:0;
  border-bottom:red 1px dashed;}
  /*red表示虚线的颜色为红色，1px表示边框宽度为一个像素，dashed表示边框线型为虚线*/

  Rendering:

  

  • In HTML kann der hr-Tag auch eine horizontale Linie festlegen, indem wir den CSS-Stil für den hr-Tag festlegen.

  CSS-Code:

  hr{border:blue 1px dashed}

  Rendering:

  

  Der vollständige Code lautet wie folgt:

  
  
  
      
      
  
  
  
  
  
  <div class="xuxian"></div>
  
  
  
  

  Weitere Kenntnisse zur Computerprogrammierung finden Sie unter: Programmierlehre! !

Das obige ist der detaillierte Inhalt vonSo legen Sie eine gepunktete Linie in CSS fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!