Heim  >  Artikel  >  Web-Frontend  >  So legen Sie Div-Ränder in HTML fest

So legen Sie Div-Ränder in HTML fest

青灯夜游
青灯夜游Original
2021-03-03 17:26:3012106Durchsuche

Methode: 1. Verwenden Sie die randbezogenen Attribute, um den äußeren Rand für das Div festzulegen (den Abstand um den Umfang des Div-Felds). 2. Verwenden Sie die auf den Abstand bezogenen Attribute, um den inneren Rand für das Div festzulegen (zwischen dem Inhalt). in die Div-Box geladen und der Rand der Box (Grenze) entfernt).

So legen Sie Div-Ränder in HTML fest

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

CSS-Ränder (Rand)

Die Ränder der Box sind in vier Richtungen unterteilt: oben, rechts, unten und links

Die Einstellung der Ränder wird verwendet, um den Abstand um die Außenseite des Felds zu steuern Box und gehört nicht zur Box selbst. Der Hauptzweck von Rändern besteht darin, die Position der Box zu steuern, sodass negative Werte angezeigt werden können

Beschreibung

Margin

Abkürzungseigenschaft. Legen Sie alle Randeigenschaften in einer Anweisung fest. margin-left Legt den linken Rand des Elements fest. margin-right Legt den rechten Rand des Elements fest. margin-top Legt den oberen Rand des Elements fest. 【Empfohlenes Tutorial: CSS Video TutorialCSS -Polsterung Die Polsterung der Box ist in vier Richtungen unterteilt: oben, rechts, unten und links
margin-bottom


Legen Sie den unteren Rand des Elements fest.

Die Einstellung Der Rand wird verwendet, um den Abstand zwischen dem in die Box geladenen Inhalt und dem Rand (Rand) der Box zu steuern.

Die Füllung der Box nimmt den Raum innerhalb der Box ein, der Mindestwert ist 0 und negative Werte sind nicht zulässig. „CSS-Auffüllungseigenschaft“ dding-bottom

Elemente festlegen Der Boden -padding

padding-left
  • legt die linke Polsterung des Elements fest

  • padding-right
  • legt die rechte Polsterung des Elements fest

padding-top

legt die obere Polsterung fest des Elements

Weitere Kenntnisse zum Thema Programmierung finden Sie unter: ! !
Programmiervideos

Das obige ist der detaillierte Inhalt vonSo legen Sie Div-Ränder in HTML fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
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