Heim > Artikel > Web-Frontend > Legen Sie den linken, rechten, oberen und unteren Abstand eines Elements fest

Legen Sie den linken, rechten, oberen und unteren Abstand eines Elements fest

PHPznach vorne: 2023-08-25 18:05:021506Durchsuche

Das Attribut

padding legt den linken, rechten, oberen und unteren Abstand des Elements fest. Sie können versuchen, den folgenden Code auszuführen, um das Attribut padding zu implementieren.

Beispiel

<html>
   <head>
   </head>
   <body>
      <p style = "padding: 25px; border:2px solid orange;">
         This is a paragraph.
      </p>
      <p style = "padding:20px 4%; border:2px solid red;">
         This is another paragraph.
      </p>
      <p style = "padding: 15px 3% 10px; border:1px solid maroon;">
         Top padding will be 15px, left and right padding will be 3% of the total width of the document, bottom padding will be 10px
      </p>
   </body>
</html>

Das obige ist der detaillierte Inhalt vonLegen Sie den linken, rechten, oberen und unteren Abstand eines Elements fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：

Dieser Artikel ist reproduziert unter:tutorialspoint.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen

Vorheriger Artikel：Wie erstelle ich einen Umschalter mit HTML und CSS?Nächster Artikel：Wie erstelle ich einen Umschalter mit HTML und CSS?

In Verbindung stehende Artikel

Mehr sehen