CSS padding 属性

javascriptweb developmentfront end scripts更新于 2024/5/13 18:36:00

 padding 属性设置元素的左、右、上、下填充(空间)。

示例

您可以尝试运行以下代码来实现 padding 属性。 

<html>
   <head>
   </head>
   <body>
      <p style = "padding: 25px; border:2px solid orange;">
         所有四个内边距均为 25px
      </p>

      <p style = "padding:20px 4%; border:2px solid red;">
         顶部和底部内边距为 20px,左侧和右侧内边距为文档总宽度的 4%。
      </p>

      <p style = "padding: 15px 3% 10px; border:1px solid maroon;">
         顶部内边距为 15px,左右内边距为文档总宽度的 3%,底部内边距为 10px
      </p>
   </body>
</html>

相关文章