盒子的基本类型block、inline-block和inline

时间:2024-10-12 21:34:51

1、新建html文件

盒子的基本类型block、inline-block和inline

2、创建三个div及内容

盒子的基本类型block、inline-block和inline

3、预览效果如图

盒子的基本类型block、inline-block和inline

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

盒子的基本类型block、inline-block和inline

5、效果如图

盒子的基本类型block、inline-block和inline

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

盒子的基本类型block、inline-block和inline

7、效果如图

盒子的基本类型block、inline-block和inline

8、设置div的长宽

盒子的基本类型block、inline-block和inline

9、预览效果如图

盒子的基本类型block、inline-block和inline
© 手抄报圈