创建盒子在编辑html代码中非常重要
1.创建盒子
（1）先在body中创建div
（2）在 head中写入style
（3）在style中写入盒子的边框宽度、线条形式、颜色
（4）打开网页查看效果
（5）盒子创建完成
上面创建的盒子 只有一个盒子 没有宽度 没有高度
下面来编辑盒子
2、编辑盒子
（1）添加盒子宽度
打开页面查看效果
刚才没编辑宽度的时候 宽度是页面的100% 现在编辑后 明显看到已经有了宽度
（2）添加盒子高度
打开页面查看效果
这样既可以看到盒子既有宽度 又有高度
3.调整盒子外部线条样式
盒子线条有三个元素 按顺序分别是 宽度、样式、颜色
（1）更改宽度
在border后三个元素第一个元素更改
由上部代码及效果 可以看出像素值越大 边框线条越宽
（2）编辑线条样式
solid为实线
double为双实线
dotted为点虚线
dashed为线段虚线
（3）更改线条颜色
通过更改border第三个元素 更换颜色
4、多个盒子进行编辑
在body中创建多个div 然后进行命名
（1）命名
创建三个不同的盒子 为三个不同的盒子分别取名字
（分别取名字，是为了分开编辑，若三个盒子一样相同效果，可不用取名字，直接创建盒子即可）
（2）分别编辑
在head中分别编辑
