Heim > Web-Frontend > CSS-Tutorial > Hauptteil

So löschen Sie Ränder in CSS

WBOY
Freigeben: 2021-12-03 17:55:41
Original
9007 Leute haben es durchsucht

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;}“.

So löschen Sie Ränder in CSS

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:

So löschen Sie Ränder in CSS

So löschen Sie Ränder in CSS

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 :

So löschen Sie Ränder in CSS

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:

So löschen Sie Ränder in CSS

(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!

Verwandte Etiketten:
css
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage