HTML #边距

###

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div style="height: 100px; 300px;border: 1px solid red;">
        <div style="background-color: green;height: 50px;margin-top: 20px;">123</div>
    </div>
sdsdsdasd
    <div style="height: 100px; 300px;border: 1px solid red;">
        <div style="background-color: green;height: 50px;padding-top: 20px;">123</div>
    </div>

</body>
</html>

###

效果：

margin

123

padding

123

maigin ------->外边框（增加绿色与top的高度）

padding------->内边框（增加绿色的宽度）