寻她模板站 ┃ 精美源于细节,细节造就成功。
繁体中文    广告服务
百度搜藏    加入收藏
业务咨询
您的位置: 首页 >> 网站建设教程 >> 如何用CSS定义表格与模拟表格
如何用CSS定义表格与模拟表格 (2)
更新时间:2008-07-17 09:48:05  作者:admin  来源:互联网  浏览次数:55  文字大小:【】【】【
简介:在这里~首先要说明的~我不是推荐大家使用表格布局,而是跟大家说明在显示大批量的数据时~还有表格可以用,而用DIV可以模拟出绝大部分以前的表格布局跟数据显示,在后面会讲些代替表格的显示方式.同时,因为找详细的 ...
    基本标签:

table
table元素定义一个表格的开始
tr
表格中的行
THEAD
表头
TBODY
表的主体
TFOOT
表底
COL
指定基于列的表格默认属性,嵌套的 COL 属性将覆盖 COLGROUP 属性
COLGROUP
指定表格中一列或一组列的默认属性。
TD, TH
单元格
CAPTION
表名

3、基本演示:

不想过多的讲表格,这是一个比较完整的表格的演示,同时继承XHTML的思想,结构与表现的分离,不再为元素的属性做演示

 

<table class="tab">
  <caption>表名</caption>
  <colgroup class="g1" span="3" >
    <col class="c1" />
    <col class="c2"/>
    <col class="c3"/>
  </colgroup>
  <colgroup class="g2" span="1" >
  </colgroup>
  <thead>
    <tr>
      <th>表头1</th>
      <th>表头2</

[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]