So löschen Sie Ränder in CSS

So löschen Sie Ränder in CSS: 1. Verwenden Sie das Attribut „margin“, um den äußeren Rand des Elements zu löschen. Die Syntax lautet „element {margin:0px;}“. 2. Verwenden Sie das Attribut „padding“, um den inneren Rand des Elements zu löschen Element, die Syntax lautet „element {padding: 0px;}“.

Die Betriebsumgebung dieses Tutorials: Windows 10-System, CSS3- und HTML5-Version, Dell G3-Computer.

So löschen Sie Ränder in CSS

1. Erstellen Sie eine neue Datei „Clear Margins and Inner Margins.html“, geben Sie den HTML5-Strukturcode ein und ändern Sie den Inhalt im Titel-Tag wie folgt: „Äußere Ränder und innere Ränder löschen“. Abstand, definieren Sie mehrere Tags, z. B. div, span usw.

Führen Sie die Webseite aus, klicken Sie mit der rechten Maustaste -> Elemente anzeigen. Sie können sehen, dass das Body-Tag Ränder hat (der gelbe Teil ist der Rand). wie in der Abbildung gezeigt Anzeige:

2 Verwenden Sie den Platzhalter *, um den Rand und den Abstand aller Beschriftungen auf 0 Pixel zu setzen, und löschen Sie die inneren und äußeren Ränder aller Beschriftungen, wie in der Abbildung gezeigt :

Führen Sie die Webseite erneut aus, schauen Sie sich das Element an. Sie können sehen, dass die inneren und äußeren Ränder gelöscht wurden, wie im Bild gezeigt:

(Teilen von Lernvideos: css-Video-Tutorial )

Das obige ist der detaillierte Inhalt vonSo löschen Sie Ränder in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!