作者:安份丶小娚人 | 来源:互联网 | 2023-12-10 20:09
本文介绍了使用圣杯布局模式实现网站首页的内容布局的方法,包括HTML部分代码和实例。同时还提供了公司新闻、最新产品、关于我们、联系我们等页面的布局示例。商品展示区包括了车里子和农家生态土鸡蛋等产品的价格信息。
使用圣杯布局模式实现网站首页的内容布局
运行代码:
html部分代码:
实例
商品列表
- 苹果
- 香蕉
- 梨
- 西瓜
- 菠萝
- 水蜜桃
- 火龙果
- 哈密瓜
- 荔枝
- 菠萝
| 商品销量排行榜
No1:国酒茅台
No2:******车里子
No3:新鲜草莓
4:黄色咸鸭蛋
5:农家生态土鸡蛋
6:黄色咸鸭蛋
7:苹果
8:香蕉
9:水蜜桃
10:菠萝
© 家乐福超市版本所有 |
0551-666***999 |
皖ICP备19***666
运行实例 »
点击 "运行实例" 按钮查看在线实例
CSS代码部分:
实例
运行实例 »
点击 "运行实例" 按钮查看在线实例
总结: 没想到做一个页面居然这么难,突然觉得自己什么都不会了,参照别人的代码算是勉强完成了. 我对整个布局到细节如何实现缺少思路,代码量臃肿.希望在后续的学习中提升自己.