Heim > Artikel > Web-Frontend > So schreiben Sie den oberen Rand in CSS
In CSS können Sie das Attribut „margin-top“ verwenden, um den oberen Rand festzulegen. Sie müssen nur den Stil „margin-top: value + unit;“ festlegen. Die Eigenschaft „margin-top“ legt den oberen Rand des Elements fest und lässt negative Werte zu.
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.
Margin-Kurzformeigenschaft zum Festlegen aller Margin-Eigenschaften in einer Deklaration. Diese Eigenschaft kann 1 bis 4 Werte haben.
Erläuterung
Dieses Abkürzungsattribut legt die Breite aller Ränder eines Elements oder die Breite der Ränder auf jeder Seite fest.
Die vertikal benachbarten Ränder von Elementen auf Blockebene werden zusammengeführt, während Inline-Elemente tatsächlich nicht den oberen und unteren Rand belegen. Der linke und rechte Rand von Inline-Elementen werden nicht zusammengeführt. Ebenso werden die Ränder schwebender Elemente nicht zusammengeführt. Es ist erlaubt, negative Randwerte anzugeben, aber seien Sie bei der Verwendung vorsichtig.
Hinweis: Negative Werte sind zulässig. Das Attribut „margin-top“ legt den oberen Rand des Elements fest.
Beispiel
<html> <head> <style type="text/css"> p.topmargin { margin-top: 5cm; } </style> </head> <body> <p>这个段落没有指定外边距。</p> <p class="topmargin">这个段落带有指定的上外边距。</p> </body> </html>
Effekt
Empfohlenes Lernen:
CSS-Video-TutorialDas obige ist der detaillierte Inhalt vonSo schreiben Sie den oberen Rand in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!