Anpassungsmethode: 1. Fügen Sie den Stil „Rand: oberer Rand, rechter Rand, unterer Rand, linker Rand;“ zum Tag „a“ hinzu margin;“ zum a-Tag;, „margin-right:right margin;“ und andere Stile legen die Ränder in verschiedene Richtungen fest.
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.
So passen Sie den Abstand zwischen Tags in CSS an
1 Mit dem Randattribut können Sie den äußeren Rand eines Tags festlegen individuell mit dem Attribut „marge-left“ festlegen.
Margin-Kurzformeigenschaft zum Festlegen aller Margin-Eigenschaften in einer Deklaration. Diese Eigenschaft kann 1 bis 4 Werte haben.
Diese Abkürzungseigenschaft 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.
Beispiel:
margin:10px 5px 15px 20px;
bedeutet: Der obere Rand beträgt 10 Pixel, der rechte Rand beträgt 5 Pixel, der untere Rand beträgt 15 Pixel und der linke Rand beträgt 20 Pixel.
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style> a{ margin:0px 0px 0px 202px; } </style> <head> <body> <a href="#">a标签1</a><a href="#">a标签2</a> </body> </html>
2. Es gibt eine andere Ausdrucksweise: „margin-left: left margin value;“ margin-left:linker Randwert;" Stil.
Weitere Kenntnisse zum Thema Programmierung finden Sie unter:
Programmiervideos! !
Das obige ist der detaillierte Inhalt vonSo passen Sie den Abstand zwischen Tags in CSS an. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!