Heim >Web-Frontend >CSS-Tutorial >So legen Sie den Abstand in CSS fest

So legen Sie den Abstand in CSS fest

青灯夜游
青灯夜游Original
2021-04-29 15:35:0012433Durchsuche

So legen Sie den Abstand in CSS fest: 1. Verwenden Sie das padding-Attribut, um den gesamten Abstand des Elements (oben, rechts, unten, links) in einer Anweisung festzulegen. 2. Verwenden Sie padding-top, padding-bottom, padding-left. Polsterung – Das rechte Attribut legt die obere, untere, linke und rechte Polsterung fest.

So legen Sie den Abstand in CSS fest

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

1. Füllattribut verwenden

padding ist ein Kurzattribut, mit dem alle Füllattribute in einer Anweisung festgelegt werden können. Dieses Attribut kann 1 bis 4 Werte haben.

Beispiel:

padding:10px 5px 15px 20px;
  • Die obere Polsterung beträgt 10 Pixel.

  • Die rechte Polsterung beträgt 5 Pixel. Die untere Polsterung beträgt 15 Pixel. Die linke Polsterung beträgt 20 Pixel

  • padding:10px 5px 15px;
  • Polsterung oben ist 10px
  • die rechte und linke Polsterung beträgt 5px
  • die untere Polsterung beträgt 15px

  • padding:10px 5px;
  • die obere und untere Polsterung beträgt 10px
  • rechts Die linke Polsterung beträgt 5px
    padding:10px;
  • Alle vier Polsterungen sind 10px
  • 2. Verwenden Sie die Attribute padding-top, padding-bottom, padding-left und padding-right. unten Legt die untere Polsterung des Elements fest
  • padding-left Legt die linke Polsterung des Elements fest

padding-right Legt die rechte Polsterung des Elements fest

    (Teilen von Lernvideos:
  • CSS-Video-Tutorial

    )

Das obige ist der detaillierte Inhalt vonSo legen Sie den Abstand in CSS 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