Die Padding-Eigenschaft definiert den Raum zwischen dem Rand des Elements und dessen Inhalt.
Diese Eigenschaft kann 4 Werte annehmen:
•Wenn ein Wert angegeben ist, wie zum Beispiel div {padding: 50px} – sind alle vier Seiten des Paddings 50 px.
•Wenn zwei Werte angegeben sind, wie z. B. div {padding: 50px 10px} – beträgt das obere und untere Füllmaterial 50 px, und das linke und rechte Padding 10 px.
•Wenn du drei Werte angibst, wie div {padding: 50px 10px 20px} – das obere und das untere Padding sind 50 px, das linke und das rechte Padding 10 px, und das untere Padding 20 px.
•Wenn Sie vier Werte angeben, wie div {padding: 50px 10px 20px 30px} – das obere Padding 50 px, das rechte Padding 10 px, das untere 20 px und das linke Padding 30 px.
DIV CSS-Rand bezeichnet das CSS-Attribut Wort margin; Rand ist der Rand, der die vier Seiten des Objekts setzt, ohne Hintergrundfarbe und ohne Farbe.
1. Randsyntax
Margin:10px
Der Wert der Marge ist eine Zahl + HTML-Einheit und kann auch automatisch (automatisch, adaptiv) sein.
2. Anwendungsstruktur
Div{margin:10px}
Setze das Div-Objekt auf 10px Abstand
3. Randbeschreibung
Der Rand ist der Abstand zwischen der äußeren Kante des Objekts und der epitaxischen Kante.
Es gibt drei Situationen, in denen der Wert der Marge eine positive ganze Zahl und eine negative ganze Zahl sein kann und eine Einheit wie PX-Pixel addiert werden kann (Margin-links: 20px); auto kann als automatisches Attribut verwendet werden (Margin-links: auto auto); Es kann ein prozentualer (%) Wert sein (Margin-links: 3%).
Randerweiterung (das vierseitige Abstandsattribut separat festlegen)
Margin-left Objekt links links Rand (margin-left:5px; Linke Verlängerungsdistanz 5px)
Rand-rechts Der rechte Rand des Objekts (Rand-rechts:5px; Rechter Verlängerungsabstand 5px)
Margin-oben Objekt (margin-top:5px; Obere Epitaxialdistanz 5px)
Margin-bottom-Objekt (margin-bottom:5px; Niedrigere epitaxische Distanz 5px)
|
Veröffentlicht am 30.10.2014 16:21:55
|
|
|
