Heim > Web-Frontend > CSS-Tutorial > Hauptteil

So legen Sie den Abstand in CSS fest

青灯夜游
Freigeben: 2021-04-29 15:35:00
Original
12332 Leute haben es durchsucht

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;
Nach dem Login kopieren
  • 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;
    Nach dem Login kopieren
  • Polsterung oben ist 10px
  • die rechte und linke Polsterung beträgt 5px
  • die untere Polsterung beträgt 15px

  • padding:10px 5px;
    Nach dem Login kopieren
  • die obere und untere Polsterung beträgt 10px
  • rechts Die linke Polsterung beträgt 5px
    padding:10px;
    Nach dem Login kopieren
  • 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!

Verwandte Etiketten:
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
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!