本文介绍了使用CSS进行网页布局的基本技巧，包括如何创建一个包含三个span元素的div.box，并设置样式以实现背景色、圆角效果以及元素的并排显示和平分空间。此外，还展示了通过修改span元素的垂直对齐方式来改变元素的排列。这是一个适合CSS初学者的学习实例。
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
开发工具与关键技术： DW
作者：李滢滢
撰写时间：2022/4/28
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
1.div设置类为box，大盒子内三个span标签。
2.引入style设置box样式，设置宽高以及背景色和圆角效果。
3.然后设置box里面的三个span标签，span标签转换块级元素，在设置宽高，背景颜色以及圆角效果。
4.在box里面添加设置span标签并排显示、平分剩余空间在设置垂直居中
5.设置box span标签选中1，3设置垂直向上，向下排列
6.在span里添加上下外边距，效果图：
这是我所学到的vs引用步骤，所以我要分享给你们，希望可以帮助到你们。以上就是我的分享，新手上道，请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
