So legen Sie Abstände und Ränder in CSS fest

Padding und Ränder werden in CSS verwendet, um den Abstand zwischen dem Elementinhalt und dem Rand festzulegen. Syntax: padding: left>;Margin steuert den Abstand zwischen dem Elementrand und anderen Elementen, Syntax: margin: ;Innerer Rand in CSS Abstand und Rand Einstellungen

In CSS werden Abstand und Ränder verwendet, um den Abstand um ein Element herum zu steuern. Sie können verwendet werden, um die Position, Größe und Form von Elementen anzupassen.

Padding

Padding ist der Abstand zwischen dem Inhalt eines Elements (z. B. Text oder einem Bild) und dem Rand des Elements. Der Abstand kann mit der folgenden Syntax festgelegt werden:

<code class="css">padding: <top> <right> <bottom> <left>;</code>

wobei

den oberen, rechten, unteren bzw. linken Wert des Abstands angibt. Zum Beispiel:

<code class="css">padding: 10px;</code>

Dadurch wird der Abstand auf allen vier Seiten des Elements auf 10 Pixel eingestellt.

Ränder

top、right、bottom 和 left

Ränder sind der Abstand zwischen dem Rand eines Elements und anderen Elementen (oder Browserfenstern). Ränder können mit der folgenden Syntax festgelegt werden:

<code class="css">margin: <top> <right> <bottom> <left>;</code>

Die Syntax ähnelt dem Auffüllen, aber Ränder können an einer beliebigen Stelle des Elements und nicht nur innerhalb des Rahmens angewendet werden. Beispiel:

<code class="css">margin: 10px 20px;</code>

Dadurch werden der obere und untere Rand des Elements auf 10 Pixel und der linke und rechte Rand auf 20 Pixel festgelegt.

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