您的位置：首页 > 其它

table里面不常用的标签《thead，tbody，th，caption，tfoot》

2011-04-02 17:01 567 查看

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<mce:style type="text/css"><!--
body{
text-align:center}
#browser{
border-collapse:collapse;
border-color:#FF0000;
margin:0 auto;
width:700px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}
#browser td,th{
border:1px solid #FF0000;
}
#browser thead th{
background-color:#FF99FF}
#browser tfoot{
text-align:right;
font-size:12px;
color:#CCCCCC;
border-width:0;
}
#browser th{
background-color:#FFCCFF;
}
#browser
--></mce:style><style type="text/css" mce_bogus="1">body{
text-align:center}
#browser{
border-collapse:collapse;
border-color:#FF0000;
margin:0 auto;
width:700px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}
#browser td,th{
border:1px solid #FF0000;
}
#browser thead th{
background-color:#FF99FF}
#browser tfoot{
text-align:right;
font-size:12px;
color:#CCCCCC;
border-width:0;
}
#browser th{
background-color:#FFCCFF;
}
#browser</style>
</head>
<body>
<table id="browser">
<caption>浏览器兼容性一览表</caption>
<thead>
<tr>
<th>css特征</th>
<th>ie6.0</th>
<th>Firefox</th>
<th>IE8.0</th>
<th>Opera</th>
</tr>
</thead>
<tbody>
<tr><th colspan="5" class="title">html</th></tr>
<tr>
<th>a</th>
<td>ok</td>
<td>no</td>
<td>no</td>
<td>ok</td>
</tr>
<tr>
<th>h1</th>
<td>ok</td>
<td>no</td>
<td>no</td>
<td>ok</td>
</tr>
<tr>
<th>h2</th>
<td>ok</td>
<td>no</td>
<td>no</td>
<td>ok</td>
</tr>
</tbody>
<tbody>
<tr><th colspan="5" class="title">xhtml</th></tr>
<tr>
<th>a</th>
<td>ok</td>
<td>no</td>
<td>no</td>
<td>ok</td>
</tr>
<tr>
<th>h1</th>
<td>ok</td>
<td>no</td>
<td>no</td>
<td>ok</td>
</tr>
<tr>
<th>h2</th>
<td>ok</td>
<td>no</td>
<td>no</td>
<td>ok</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="5">资料来源yanglei383800043@126.com</td>
</tr>
</tfoot>
</table>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航