本文详细介绍了HTML5中关于边框(border)、内边距(padding)和外边距(margin)的设置方法及其对元素尺寸和位置的影响。边框的简写属性border用于同时设置四边样式、宽度和颜色，而padding和margin则分别控制内容与边框、元素间距离。内边距会影响盒子大小，背景会延伸到内边距；外边距不影响可见框大小，但影响元素位置。负值外边距可使元素反方向移动，margin设置为auto可用于水平居中对齐。
设置边框
大部分的浏览器中，边框的宽度和颜色都是有默认值，而边框的样式默认值都是none
border-width:1px ;
border-color: red;
border-style: solid;
border
- 边框的简写样式，通过它可以同时设置四个边框的样式，宽度，颜色
- 而且没有任何的顺序要求
- border一指定就是同时指定四个边不能分别指定
border-top border-right border-bottom border-left
可以单独设置四个边的样式，规则和border一样，只不过它只对一个边生效
border: red solid 1px ;
border-left: red solid 1px ;
border-top: red solid 1px;
border-bottom: red solid 1px;
border-left: red solid 1px;
内边距（padding），指的是盒子的内容区与盒子边框之间的距离
一共有四个方向的内边距，可以通过：
padding-top
padding-right
padding-bottom
padding-left
来设置四个方向的内边距
内边距会影响盒
最低0.47元/天 解锁文章
扫一扫
1310
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
