CSS元素的补白属性padding

最新推荐文章于 2023-08-02 11:12:52 发布

波哥的技术积累

最新推荐文章于 2023-08-02 11:12:52 发布

阅读量1.6k

点赞数

分类专栏： css

本文链接：https://blog.csdn.net/woshisap/article/details/8481894

版权

css 专栏收录该内容

36 篇文章 0 订阅

订阅专栏

元素的补白部分用来分隔内容部分和边框部分，在CSS中，补白属性包括4个单侧补白属性和1个综合属性：padding, padding-left,

padding-right, padding-top, padding-bottom

padding-top：用来定义元素顶部边框和内容之间的距离。

padding-right：用来定义元素右侧边框和内容之间的距离。

padding-left：用来定义元素左测边框和内容之间的距离。

padding-bottom：用来定义元素底部边框和内容之间的距离。

padding: 用来统一定义元素的补白属性，padding: padding-top, padding-right, padding-bottom, padding-left;

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title>css属性实例</title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <style>
   div{
     padding: 10px 20px 30px 40px;
	 background: #999999;
	 width: 100px;
	 height: 30px;
   }
  </style>
 </head>
 <body>
   <div>这是个使用综合补白属性的实例，注意元素内容和元素四个边界之间的距离</div>
 </body>
</html>