Heim > Web-Frontend > CSS-Tutorial > Was bedeutet margin-bottom?

Was bedeutet margin-bottom?

不言
Freigeben: 2022-03-31 18:45:02
Original
36432 Leute haben es durchsucht

margin-bottom ist eine Eigenschaft in CSS, die zum Festlegen des unteren Randes eines Elements verwendet wird. Alle gängigen Browser unterstützen die Eigenschaft „margin-bottom“. Werfen wir einen kurzen Blick auf die Verwendung des margin-bottom-Attributs.

Was bedeutet margin-bottom?

Die Syntax des margin-bottom-Attributs lautet wie folgt:

margin-bottom:value
Nach dem Login kopieren

Wert Mögliche Werte:

  • auto: Der Browser berechnet die unteren Ränder.

  • length: Gibt den unteren Randwert in bestimmten Einheiten an, z. B. Pixel, Zentimeter usw. Der Standardwert ist 0px.

  • % : Gibt den unteren Rand basierend auf einem Prozentsatz der Breite des übergeordneten Elements an.

  • inherit: Gibt an, dass die Ränder vom übergeordneten Element geerbt werden sollen.

Werfen wir einen Blick auf das Margin-Bottom-Codebeispiel

<html>
<head>
<style type="text/css">
p.bottommargin {margin-bottom: 2cm}
</style>
</head>

<body>
<p>这个段落没有指定外边距。</p>
<p class="bottommargin">这个段落带有指定的下外边距。</p>
<p>这个段落没有指定外边距。</p>
</body>

</html>
Nach dem Login kopieren

Die laufenden Ergebnisse lauten wie folgt:

Was bedeutet margin-bottom?

Verwandte Empfehlungen:Was bedeutet „Margin-Top“?

Dieser Artikel ist hier zu Ende. Weitere spannende Inhalte finden Sie in der Spalte CSS-Video-Tutorial auf der chinesischen PHP-Website! ! !

Das obige ist der detaillierte Inhalt vonWas bedeutet margin-bottom?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
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