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

 [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

css部分:


table.tab{
 border :1px black solid;
}

table.tab .g1 .c1
{
 background-color :Yellow;
 width:50px;
}
table.tab .g1 .c2
{
 background-color :  Lime;
 width : 100px;

}
table.tab .g1 .c3{
 background-color :  Green;
 width : 140px;
}
table.tab colgroup.g2{
 background:Teal url("http://rotui.net/images/bg.jpg") repeat top center;
 width : 200px;
 /* IE only start */
&nbs

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