Heim >Web-Frontend >Front-End-Fragen und Antworten >So legen Sie Absatzränder in CSS fest
So legen Sie Absatzränder in CSS fest
- 青灯夜游Original
- 2022-01-20 17:40:512736Durchsuche
So legen Sie Absatzränder in CSS fest: 1. Legen Sie das Randattribut auf das p-Element fest, um dem Absatz gleichzeitig vier Ränder hinzuzufügen. 2. Legen Sie Rand oben, Rand unten, Rand links und Rand fest -right-Attribute für das p-Element, um dem Absatz jeweils einen oberen, unteren, linken und rechten Rand hinzuzufügen.
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.
CSS zum Festlegen des Absatzrandes
1. Verwenden Sie die Attribute „Rand oben“, „Rand unten“, „Rand links“ und „Rand rechts“.
border-top-Kurzattribut, mit dem alle Attribute des oberen Rands in einer Anweisung zusammengefasst werden.
Kurzattribut „border-bottom“, mit dem alle Attribute des unteren Rands in einer Anweisung zusammengefasst werden.
- border-left-Kurzattribut, mit dem alle Attribute des linken Rands in einer Anweisung zusammengefasst werden.
- Border-Right-Kurzattribut, mit dem alle Attribute des rechten Rands in einer Anweisung zusammengefasst werden.
-
<!DOCTYPE html> <html> <head> <style type="text/css"> p{ padding: 10px; border: 1px solid red; } </style> </head> <body> <p>测试元素</p> </body> </html> - (Lernvideo-Sharing: CSS-Video-Tutorial
- )
Das obige ist der detaillierte Inhalt vonSo legen Sie Absatzränder in CSS fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!