寻她模板站 ┃ 精美源于细节,细节造就成功。
繁体中文    广告服务
百度搜藏    加入收藏
业务咨询
您的位置: 首页 >> 网站建设教程 >> 如何用CSS定义表格与模拟表格
如何用CSS定义表格与模拟表格 (13)
更新时间:2008-07-17 09:48:05  作者:admin  来源:互联网  浏览次数:55  文字大小:【】【】【
简介:在这里~首先要说明的~我不是推荐大家使用表格布局,而是跟大家说明在显示大批量的数据时~还有表格可以用,而用DIV可以模拟出绝大部分以前的表格布局跟数据显示,在后面会讲些代替表格的显示方式.同时,因为找详细的 ...
    p;/* 非IE的浏览器都不支持非width background以外的定义 */
 color : White;
 text-align : right;
 /* IE only end */
}
table.tab thead th
{
 background-color : Black;/*由于colgroup 定义了背景 th没定义 会因浏览器不同解析不同*/
 /*IE,Opera,Netscape会使用colgroup 定义的背景  MOZ系列的不会 非WIN系统浏览未测试 */
 color : White;
}
table.tab tfoot td
{
 background-color : Gray;


表格的模拟

1、模拟前的建议:

DIV就是DIV 而不是table,极力反对变下面这样的DIV模拟表格,偶尔也考虑考虑一下亲和力

<div>
    <div>
        <div>...</div>
    </div>
</div> 

2、两列多行的数据显示:

两列多行的数据显示应用得最多的是文章列表之类的,一般来说主要由标题,时间组成的.
我选择ol来做~是下面演示的是有有序列表~可能你会问我~为什么不用ul呢??
在参考中说到ol:绘制文本的编号列表,ul:绘

[1] [2] [3] [4] [5] [6] [7] [8] [9] [10] [11] [12] [13] [14] [15] [16] [17] [18] [19] [20] [21] [22] [23] [24] [25] [26]