padding:在一个声明中设置元素所有内边距的宽度(即元素距内边框的距离),同样分为上下左右四种:padding-top,padding-bottom,padding-left,padding-right
例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<p>中国长城中国长城中国长城中国长城中国长城中国长城中国长城中国长城中国长城中国长城中国长城中国长城中国长城中国长城中国长城中国长城中国长城中国长城中国长城中国长城中国长城中国长城中国长城中国长城中国长城中国长城</p>
<!--
更易看到变化
-->
<style>
p{
border: 1px solid chartreuse;
}
p{
/*用于设置内部元素到内边框距离*/
/*padding-top: 20px;
padding-bottom: 30px;
padding-left: 30px;
padding-right: 50px;*/
/*可以简写*/
/*padding: 50px;*//*上下左右*/
/*padding: 50px 100px;*//*上下 左右*/
/*padding: 50px 100px 100px;*//*上 左右 下*/
padding: 50px 100px 50px 100px;/*上 右 下 左*/
}
</style>
</body>
</html>