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

定义CSS样式:

运行代码框
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<title>XHTML中的表格介绍及表格的模拟 - Beautiful Style &laquo;  样式之美 &raquo; </title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="KEYWords" content="css,xhtml" />
<meta name="DEscription" content="CSS" />
<meta name="author" content="RotUI" />
<meta content="all" name="robots" />
<link rel="start" href=" function ImgZoom(Id)//重新设置图片大小 防止撑破表格 { var w = $(Id).width; var m = 500; if(w < m) { return; } else { var h = $(Id).height; $(Id).height = parseInt(h*m/w); $(Id).width = m; } } window.onload = function() { var Imgs = $("content").getElementsByTagName("img"); var i=0; for(;i

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