盒子的基本类型block、inline-block和inline
1、新建html文件

2、创建三个div及内容

3、预览效果如图

4、添加span标签和内容并设置div和span的背景色

5、效果如图

6、设置盒子不同的盒子样式

7、效果如图

8、设置div的长宽

9、预览效果如图

1、新建html文件
2、创建三个div及内容
3、预览效果如图
4、添加span标签和内容并设置div和span的背景色
5、效果如图
6、设置盒子不同的盒子样式
7、效果如图
8、设置div的长宽
9、预览效果如图