在CSS里面，所有的HTML元素都可以看成是一个盒子。
那么在设计和布局的时候，最常用的，也就是用来定义这个盒子的外边距的就是margin
定义这个盒子的内边距的就是padding
元素的内容所占的宽度是由width属性来设置的，那么元素在HTML页面所占的总的宽度是多少呢。
是width + padding-left + padding-right + border-left-width + border-right-width 这才是元素占整个HTML页面的总宽度。
对于边框，我们可以使用border-style来设置边框的样式
通过border-width来设置边框的宽度。
通过border-color来设置边框的颜色。
通过margin属性来设置元素的外边距。
可以对上下左右分别进行设置，使用下面的语法：
margin-top 上边距； margin-bottom：下边距 margin-left：左边距；margin-right:右边距。
填充的使用方法与margin的使用方法是类似的。
PHP全栈开发（八）：CSS ?Ⅷ border margin padding
原文地址：https://www.cnblogs.com/sparrow32/p/9464333.html