设置元素的左、右、上、下内边距

PHPz 转载: 2023-08-25 18:05:02 972浏览

设置元素的左、右、上、下内边距

示例

<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中文网其它相关文章！

PHP课程 HTML视频教程 CSS视频 JS视频教程 Vue视频教程

声明：本文转载于：tutorialspoint，如有侵犯，请联系admin@php.cn删除

上一条：如何使用 HTML 和 CSS 创建切换开关？下一条：使用 CSS 从视图中隐藏元素