Heim > Web-Frontend > CSS-Tutorial > Hauptteil

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

下次还敢
Freigeben: 2024-04-28 16:51:15
Original
798 Leute haben es durchsucht

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. So legen Sie Abstände und Ränder in CSS fest

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>
Nach dem Login kopieren
wobei

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

<code class="css">padding: 10px;</code>
Nach dem Login kopieren
Dadurch wird der Abstand auf allen vier Seiten des Elements auf 10 Pixel eingestellt.

Ränder

toprightbottomleft

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>
Nach dem Login kopieren
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>
Nach dem Login kopieren
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!

Verwandte Etiketten:
css
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!