Heim >Web-Frontend >CSS-Tutorial >So legen Sie den Li-Abstand in CSS fest
In CSS können Sie das Margin-Attribut verwenden, um den Li-Abstand festzulegen. Sie müssen nur „Margin: Wert + Einheit | Prozentwert“ für das Element festlegen. Die Eigenschaft „margin“ legt die Breite aller Ränder eines Elements oder die Breite der Ränder auf jeder Seite fest.
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.
CSS kann das Layout von Elementpositionen in Webseiten präzise auf Pixelebene steuern, unterstützt fast alle Schriftgrößenstile und verfügt über die Möglichkeit, Webseitenobjekte und Modellstile zu bearbeiten.
CSS kann das Randabkürzungsattribut verwenden, um die Ränder des li-Tags festzulegen, um den li-Abstand zu vergrößern. Das Randabkürzungsattribut legt alle Randattribute in einer Anweisung fest. Dieses Attribut kann 1 bis 4 Werte haben. Der Standardabstand von
li-Tags ist wie folgt:
Der Effekt ist wie folgt:
css vergrößert den li-Abstand:
li{ width: 300px; height: 30px; margin: 20px 0; }
Effekt Wie folgt:
Margin-Kurzschriftattribut:
Dieses Kurzschriftattribut 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.
Attributwert: auto Der Browser berechnet die Ränder.
length gibt den Randwert in bestimmten Einheiten an, z. B. Pixel, Zentimeter usw. Der Standardwert ist 0px.
% gibt Ränder als Prozentsatz der Breite des übergeordneten Elements an.
inherit gibt an, dass Ränder vom übergeordneten Element geerbt werden sollen.
Das obige ist der detaillierte Inhalt vonSo legen Sie den Li-Abstand in CSS fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!