html表格布局实例讲解.docx_第1页
html表格布局实例讲解.docx_第2页
html表格布局实例讲解.docx_第3页
html表格布局实例讲解.docx_第4页
html表格布局实例讲解.docx_第5页
全文预览已结束

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

HTML表格布局实例讲解这篇文章主要为大家详细介绍了HTML表格布局简单实例，HTML表格布局是HTML入门学习中的基础知识，感兴趣的小伙伴们可以参考一下.HTML 文档中的元素是一个接着一个排列的，只是简单地在在块级元素的前后加上拆行，是一种流水布局。但是，我们所见到的 Web 页面按照一定的规则布局排版的（通常是多列的），所以就要借助一定的方法来实现这种布局，通常的解决方案是：使用区块元素 或 表格（）来布局 Web 页面的内容。使用表格进行布局，是一种较老的布局解决方案。并不推荐使用，我们应该总是使用表格来显示表格化的数据。HTML 文档 2. 3. 4. 5. 6. 7. Island estaurant 8. 9. 10. 11. 12. 13. 14. 点菜系统 15. 16. 17. 18. 19. 20. 21. 菜品 22. 23. 小鸡炖蘑菇 24. 家常豆腐 25. 酸辣土豆丝 26. 27. 28. 29. 30. 小鸡炖蘑菇： 31. 幼鸡一只 32. 33. 34. 35. 36. 世俗孤岛的餐厅 37. 38. 39. 40. 41. CSS 文件1./*整个点餐系统的界面*/ 2.#container 3. 4. width: 600px; 5. margin: 100px; 6. /*取消单元格边框之间的边距*/ 7. border-spacing: 0; 8. 9./*点餐系统界面的头部*/ 10.#header 11. 12. background-color: red; 13. text-align: center; 14. 15.h1 16. 17. margin-bottom: 0px; 18. 19./*点餐系统界面的菜单*/ 20.#menu 21. 22. background-color: #FFD700; 23. height: 200px; 24. width: 150px; 25. 26.#dishes 27. 28. padding-top: 10px; 29. padding-left: 10px; 30. line-height: 20px; 31. 32./*点餐系统界面的菜品详情*/ 33.#content 34. 35. background-color: gray; 36. height: 200px; 37. width: 450px; 38. 39./*点餐系统界面的尾部*/ 40.#footer 41. 42. background-co
人人文库> 全部分类> 应用文书 > 合同范本

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论