So legen Sie Ränder in CSS fest

So legen Sie Ränder in CSS fest: 1. Verwenden Sie das Attribut „margin“, um alle Ränder des Elements in einer Anweisung festzulegen. 2. Verwenden Sie die Attribute „margin-top“, „margin-bottom“, „margin-left“ und „margin-right“, um die festzulegen Die Ränder des Elements sind jeweils vier Außenränder: oben, unten, links und rechts.

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

1. Verwenden Sie das Margin-Attribut

Margin-Kurzattribut, um alle Margin-Attribute in einer Anweisung festzulegen. Dieses Attribut kann 1 bis 4 Werte haben.

Beispiel:

margin:10px 5px 15px 20px;

• Der obere Rand beträgt 10 Pixel.

• Der rechte Rand beträgt 5 Pixel. Der untere Rand beträgt 15 Pixel. Der linke Rand beträgt 20 Pixel

margin:10px 5px 15px;

• Die Der obere Rand beträgt 10 Pixel

• Der rechte und linke Rand beträgt 5 Pixel. Der untere Rand beträgt 15 Pixel. 5px

margin:10px 5px;

• Alle vier Ränder sind 10px
2. Verwenden Sie die Attribute „margin-top“, „margin-bottom“, „margin-left“ und „margin-right“

margin-top: Legen Sie den oberen Rand fest das Element

margin-bottom: Legt den unteren Rand des Elements fest
margin-left: Legt den linken Rand des Elements fest

• margin-right: Legt den rechten Rand des Elements fest

Beispiel:

margin:10px;

Rendering:

• 
  

(Teilen von Lernvideos:
• CSS-Video-Tutorial

  )

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