CSS网页布局中表格制作实例

来源:互联网 责任编辑:栏目编辑 发表时间:2013-07-01 04:06 点击:

论坛仍有人在讨论用DIV来拼凑一个表格,之前已经提过 table建站、DIV建站以及XHTML建站的区别 ,W3C不提倡整站使用TABLE套用,并不是说TABLE就一事无成,什么地方都不能使了。相反,该用TABLE的地方是提倡使用TABLE的。

例如下面的的布局,你需要用几个DIV来浮动?

demo-table

最合理的方法,就是使用表格来实现表格,经过 HeTingYi 的发布以及 goos 的简化,代码如下:

页面结构:

  1. <table cellspacing="1" cellpadding="0">
  2. <colgroup>
  3.     <col class="col1" />
  4.     <col class="col2" />
  5.     <col class="col3" />
  6. </colgroup>
  7. <tr>
  8.     <th>游客类别</th>
  9.     <

    [NextPage]

    th>日票(人民币.元)</th>
  10.     <th>夜票(人民币.元)</th>
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
用户名: 验证码:点击我更换图片
最新评论 更多>>

推荐热点

  • WordPress添加百度喜欢按钮小技巧
  • Wordpress 博客如何实现自定义Gravatar头像
  • 网站设计分析:建立良好的视觉层级
  • 网站设计分析:“中国式设计”的三个方向
  • 案例分析:奥巴马筹款网站的制作过程
  • 创建不平衡的平衡:在网页设计中使用不对称设计
  • 7大主流B2C首页导航栏设计对比分析
  • Wordpress页面模板制作方法及使用
  • css控制文字前的小图标
网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
Copyright © 2008-2015 计算机技术学习交流网. 版权所有

豫ICP备11007008号-1