CSS 网页布局表格制作实例

作者：佚名字体：[增加减小] 来源：互联网时间：2017-08-06

本文主要包含CSS,网页布局,表格等相关知识,佚名希望在学习及工作中可以帮助到您

相反，该用TABLE的地方是提倡使用TABLE的。

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

demo-table

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

页面结构：

<table cellspacing="1" cellpadding="0">
<colgroup>
<col class="col1" />
<col class="col2" />
<col class="col3" />
</colgroup>
<tr>
<th>游客类别</th>
<th>日票(人民币.元)</th>
<th>夜票(人民币.元)</th>
</tr>
<tr>
<td>成人</td>
<td>170</td>
<td>100</td>
</tr>
<tr>
<td>学生</td>
<td colspan="2">125（文章出自 jb51.net 转载请注明出处）</td>
</tr>
<tr>
<td>儿童</td>
<td>85</td>
<td>50</td>
</tr>
<tr>
<td>老年</

您可能想查找下面的文章:

相关文章

2017-08-06浅谈浏览器的兼容性(必看篇)
2017-08-06css(html)背景图优化合并技巧详解
2017-08-06一个关于css中margin-right没有效果的问题
2017-08-06CSS3 :not()选择器实现最后一行li去除某种css样式
2017-08-06多重CSS背景动画实现方法示例
2017-08-06兼容IE与firefox的css 线性渐变（linear-gradient）
2017-08-06html css中id和class的区别比较
2017-08-06写CSS样式做浏览器兼容时区别ie8和ie9的方法
2017-08-06css3的transform中scale缩放详解
2017-08-06CSS3 text-shadow实现文字阴影效果