HTML #边距

###

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div style="height: 100px;width: 300px;border: 1px solid red;">
        <div style="background-color: green;height: 50px;margin-top: 20px;">123</div>
    </div>
sdsdsdasd
    <div style="height: 100px;width: 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------->内边框（增加绿色的宽度）



 






            

            
posted @ 
2017-08-28 13:31 
陈奕迅-可以了 
阅读(444) 
评论(0) 
编辑 
收藏 
举报