html表格布局实例讲解.docx

html表格布局实例讲解.docx

ID:50291420

大小:32.75 KB

页数:3页

时间:2020-03-07

上传者:U-25935
html表格布局实例讲解.docx_第1页
html表格布局实例讲解.docx_第2页
html表格布局实例讲解.docx_第3页
资源描述:

《html表格布局实例讲解.docx》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库

HTML表格布局实例讲解这篇文章主要为大家详细介绍了HTML表格布局简单实例,HTML表格布局是HTML入门学习中的基础知识,感兴趣的小伙伴们可以参考一下.HTML文档中的元素是一个接着一个排列的,只是简单地在在块级元素的前后加上拆行,是一种流水布局。但是,我们所见到的Web页面按照一定的规则布局排版的(通常是多列的),所以就要借助一定的方法来实现这种布局,通常的解决方案是:使用区块元素

或表格()来布局Web页面的内容。使用表格进行布局,是一种较老的布局解决方案。并不推荐使用,我们应该总是使用表格来显示表格化的数据。HTML文档2.3.4.5.6.7.Islandestaurant8.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.#container3.{4.width:600px;5.margin:100px;6./*取消单元格边框之间的边距*/7.border-spacing:0;8.}9./*点餐系统界面的头部*/10.#header11.{12.background-color:red;13.text-align:center;14.}15.h116.{17.margin-bottom:0px;18.}19./*点餐系统界面的菜单*/20.#menu21.{22.background-color:#FFD700;23.height:200px;24.width:150px;25.}26.#dishes27.{28.padding-top:10px; 29.padding-left:10px;30.line-height:20px;31.}32./*点餐系统界面的菜品详情*/33.#content34.{35.background-color:gray;36.height:200px;37.width:450px;38.}39./*点餐系统界面的尾部*/40.#footer41.{42.background-color:blue;43.height:25px;44.text-align:center;45.}

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。
关闭