<!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>Table Style</title>
<style type="text/css">
.myTable
{
700px;
margin: 0 auto;
border-collapse: collapse;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
}
.myTable th, .myTable td
{
border: 1px solid #000;
}
.myTable th
{
background-color: #f2f4b9;
}
.mynoTable
{
700px;
margin: 0 auto;
border-collapse: collapse;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
}
.mynoTable th, .mynoTable td
{
border: 0px solid #000;
}
.mynoTable th
{
background-color: #f2f4b9;
}
</style>
</head>
<body>
<h1>
Table Style</h1>
<hr />
<table id="browser" class="myTable">
<tbody id="html">
<tr>
<th colspan="5" class="title">
HTML 4.01
</th>
</tr>
<tr>
<th>
a
</th>
<td style="border-right: none 0 #ffffff">
81%
</td>
<td style="border-left: none 0 #ffffff">
85%
</td>
<td>
85%
</td>
<td>
94%
</td>
</tr>
<tr>
<th>
abbr
</th>
<td>
N
</td>
<td>
97%
</td>
<td>
85%
</td>
<td>
94%
</td>
</tr>
<tr>
<th>
acronym
</th>
<td>
94%
</td>
<td>
97%
</td>
<td>
97%
</td>
<td>
75%
</td>
</tr>
<tr>
<th>
aaaaaaa
</th>
<td colspan="4" style="padding: 0 0 0 0">
<table id="Table1" class="myTable">
<tbody id="Tbody1">
<tr>
<th colspan="5" class="title" style="border-top: none 0 #ffffff; border-left: none 0 #ffffff;
border-right: none 0 #ffffff">
HTML 4.01
</th>
</tr>
<tr>
<th style="border-left: none 0 #ffffff">
a
</th>
<td style="border-right: none 0 #ffffff">
81%
</td>
<td style="border-left: none 0 #ffffff">
85%
</td>
<td>
85%
</td>
<td style="border-right: none 0 #ffffff">
94%
</td>
</tr>
<tr>
<th style="border-left: none 0 #ffffff">
abbr
</th>
<td>
N
</td>
<td>
97%
</td>
<td>
85%
</td>
<td style="border-right: none 0 #ffffff">
94%
</td>
</tr>
<tr>
<th style="border-bottom: none 0 #ffffff; border-left: none 0 #ffffff">
acronym
</th>
<td style="border-bottom: none 0 #ffffff">
94%
</td>
<td style="border-bottom: none 0 #ffffff">
97%
</td>
<td style="border-bottom: none 0 #ffffff">
97%
</td>
<td style="border-bottom: none 0 #ffffff; border-right: none 0 #ffffff">
75%
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<th colspan="5">
aaa
</th>
</tr>
<tr>
<th>
aaaaaaa
</th>
<td colspan="4" style="padding: 0 0 0 0">
<table id="Table2" class="mynoTable">
<tbody id="Tbody2">
<tr>
<th colspan="5" class="title" style="border-top: none 0 #ffffff; border-left: none 0 #ffffff;
border-right: none 0 #ffffff">
HTML 4.01
</th>
</tr>
<tr>
<th style="border-left: none 0 #ffffff">
a
</th>
<td style="border-right: none 0 #ffffff">
81%
</td>
<td style="border-left: none 0 #ffffff">
85%
</td>
<td>
85%
</td>
<td style="border-right: none 0 #ffffff">
94%
</td>
</tr>
<tr>
<th style="border-left: none 0 #ffffff">
abbr
</th>
<td>
N
</td>
<td>
97%
</td>
<td>
85%
</td>
<td style="border-right: none 0 #ffffff">
94%
</td>
</tr>
<tr>
<th style="border-bottom: none 0 #ffffff; border-left: none 0 #ffffff">
acronym
</th>
<td style="border-bottom: none 0 #ffffff">
94%
</td>
<td style="border-bottom: none 0 #ffffff">
97%
</td>
<td style="border-bottom: none 0 #ffffff">
97%
</td>
<td style="border-bottom: none 0 #ffffff; border-right: none 0 #ffffff">
75%
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</body>
</html>