HTML 盒子模型实验：border、margin、padding、box-shadow 属性实践

实验4 盒子模型 (2学时)

1、实验目的：

1. 熟练掌握盒子模型 'border'，'margin'，'padding'，'box-shadow' 等属性的使用；
2. 基本掌握利用盒子模型布局的原理；

2、实验内容：

新建 sy4.html 文件，编辑文件，在一个页面内实现如下效果图：

[实验效果图]

实验小结：

（心得体会与困难点，50-100字）

本次实验让我更深入地了解了盒子模型的概念和属性的使用方法，同时也学习到了如何利用盒子模型进行页面布局。在实验过程中，我遇到了一些困难，比如在设置 'border' 属性时，需要注意不同位置的宽度单位的区别，并且需要考虑盒子的外边距和内边距的影响。但是通过查阅资料和反复练习，我最终克服了这些困难，成功实现了预期效果。通过这次实验，我对前端开发有了更深入的认识，也更加有信心继续深入学习和探索。