<head>
<title>盒子模型</title>
<style type="text/css">
#partent{
width: 500px;
height: 500px;
border: 2px solid blue;
}
#child{
width: 300px;
height: 200px;
border: 1px solid red;
margin: 100px;
padding: 40px;
padding: 10px 20px 30px 40px;
padding: 20px 30px;
}
</style>
</head>
<body>
<div id="partent">
<div id="child">hello box midel</div>
</div>
</body>
margin 外边距：盒子与盒子之间的距离。
padding 内边距：内部内容与边框之间的距离。
在设置时边距，有四种方式。
1.可以逐一的给数值（顺序是上为起点，然后顺时针转）。
2.给两个值。（表示上下用一个，左右用一个）
3.给一个值。（表示上下左右都是一个值）
4.分别表示属性给值。
在设置了内边距时，内部盒子的高度和宽度都会发生改变。
body 也属于一个标签浏览器会默认的给它一边距。
扫一扫
2349
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
