PHP全栈开发（八）：CSS Ⅷ border margin padding

在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的使用方法是类似的。