ホームページ > ウェブフロントエンド > CSSチュートリアル > 要素の左、右、上、下のパディングを設定します。

要素の左、右、上、下のパディングを設定します。

PHPz
リリース: 2023-08-25 18:05:02
転載
1633 人が閲覧しました

要素の左、右、上、下のパディングを設定します。

padding 属性は、要素の左、右、上、下のパディングを設定します。次のコードを実行して、padding プロパティを実装してみてください。

<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>
ログイン後にコピー

以上が要素の左、右、上、下のパディングを設定します。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート