1.边框:border-width;boorder-style;border-color
（none 定义无边框；dotted 定义点状边框；dashed 定义虚线；solid 定义实线；double 定义双线）
例：<style>
.box{
width:100px;
height:100px;
border:10px solid red;
}
</style>
<body>
<div class="box">hhhhhhh</div>
如：
效果：
2.外边距：margin（-top\-right\-bottom\-left)
外边距可以来规定盒子在网页的位置，例 margin-left:像素大小；
如
也可以简写，其格式为：margin:100px（上）200px（右）100px（下）20（左）
3. 内边距 padding(-top\-right\-bottom\-left) margin:0px auto; 为居中
内边距可以规定盒子内容在盒子的位置
注意：修改内边距会导致盒子大小发生改变，可以用box-sizing:border-box来确定盒子大小
当有元素超出边框时可以用list-style:inside;
内边框的简写为padding: （其内部顺序与外边框顺序一样）
4.元素边距的初始化
格式：
*{
margin：0px;
padding:0px
}
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
