演示代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
span{
background-color: #00ff00; border: 1px #ff0000 solid;
/* padding-left: 30px;
padding-bottom: 30px;
padding-right: 30px;
padding-top: 30px; */
/* padding: 10px 20px 30px 40px;
padding: 10px 20px 30px;
padding: 10px 20px; */
padding: 40px;
}
</style>
</head>
<body>
<!--
内边距：
1，所有元素都可以设置内边距
内边距要素：
1，内边距方向：top bottom left right
2，内边距尺寸
内边距语法：
语法1：padding-方向: 内边距尺寸;
使用百分比，参考父级
不能设置负值
语法2：padding: 上 右 下 左;
语法3：padding: 上 左右 下;
语法4: padding: 上下 左右;
语法5：padding: 一个值，四个方向一样;
-->
<div style="height: 50px;"></div>
<span>我要自学</span>
</body>
</html>
