css中的盒子模型之border margin padding

盒子模型主要包括边框border，外边距margin ，内边距padding

1.边框border 

border-width:5px  ;/* 边框宽度 可以分别指定四个位置的边框 */
border-color: red ;/* 边框颜色*/
border-style: solid dashed dotted double

/* solid 实线 */
 /* dashed 虚线 */
 /* none 没有边框 */
  /* double 双线 */
 /* dotted 点 */

2.外边距margin

一般用于两个不同的盒子

（1）可以分别设置如上外边距/* margin-top:100px; *//* 可以使用正值，也可以设置负值 */

（2）设置一个值 margin：100px/* 上下左右都为100px */

  (3)设置两个值 margin：100px 200px/* 上下都为100px  左右都为200px */

(4)设置三个值 margin：100px 200px 300px/* 上面为100px  左右都为200px 下面为300px */

3.内边距padding

一般用于一个盒子包含另一个盒子

用法与外边距几乎一模一样