【DIV 盒子模型】

一、盒子模型

1、什么是盒子模型

进行网页布局的重要属性，一个页面由可以由多个盒子组成。

盒子的组成：内容区域+边框(border)+内边距（padding）+外边距(margin)

2、border边框

Border边框基本属性

boder-style	边框样式
boder-color	边框颜色
border-width	边框宽度
border-collapse	边框合并
border-radius	边框弧度
border-方向	设置某一边的边框

border在使用是可以用boder：宽度 边框样式 边框宽度 这样简写的的方式来同时设置，例如：border：1px solid black；表示边框宽度为1，样式为实线，边框颜色为黑色。

3、padding内边距属性

Padding内边距

padding：10px;	指padding所有方向内边距加10px
padding&#x