So verwenden Sie das Padding-Attribut in CSS
- 小老鼠Original
- 2023-12-07 14:58:081296Durchsuche
In CSS wird das padding-Attribut verwendet, um den Abstand eines Elements festzulegen. Dies bedeutet, dass es den Abstand zwischen dem Inhalt des Elements und seinem Rand definiert. Die grundlegende Syntax ist „padding: value;“.
In CSS wird das padding-Attribut verwendet, um den Abstand eines Elements festzulegen. Dies bedeutet, dass es den Abstand zwischen dem Inhalt des Elements und seinem Rand definiert.
Grundlegende Syntax:
padding: value;
Der Wert hier kann die folgenden Formen haben:
Längenwert: wie px (Pixel), em (Einheiten relativ zur aktuellen Schriftgröße), rem (Einheiten relativ zur Schriftgröße des Wurzelelement) ) warten. Zum Beispiel: Polsterung: 10px;
Prozentsatz: zum Beispiel 10 %. Dadurch wird der Abstand relativ zur Breite des Elements festgelegt. Zum Beispiel: Polsterung: 10 %;
Transparenz: zum Beispiel transparent. Dadurch wird die Polsterung vollständig transparent.
Vier Werte:
Sie können die Polsterung auf den vier Seiten des Elements auch separat festlegen, wie unten gezeigt:
padding: top right bottom left;
Hier legt „oben“ die obere Polsterung fest, „rechts“ legt die rechte Polsterung fest und „unten“ legt die untere Polsterung links fest Legt die linke Polsterung fest.
Beispiel:
div {
padding: 10px; /* 设置所有四个边的内边距为10px */
}
.container {
padding: 20px 15px; /* 设置上边和下边的内边距为20px，左边和右边的内边距为15px */
}
Beachten Sie, dass sich die Hintergrundfarbe des Elements bis in den Füllbereich erstreckt, nicht jedoch bis zum Rand. Wenn das Element keine Ränder hat, erstreckt sich die Hintergrundfarbe bis in den Inhaltsbereich des Elements.
Das obige ist der detaillierte Inhalt vonSo verwenden Sie das Padding-Attribut in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!