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

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。