<!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
{
width: 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
{
width: 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>
表格样式
转载本文章为转载内容,我们尊重原作者对文章享有的著作权。如有内容错误或侵权问题,欢迎原作者联系我们进行内容更正或删除文章。
下一篇:获取表记录数
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
漂亮的表格样式(使用CSS样式表控制表格样式)html javascript 3c css .net
-
jquery表格样式 jquery 表格插件
Datatables是一款强大的jquery表格插件。它是一个高度灵活的工具,可以将任何HTML表格添加高级的交互功能。主要特点: 自动分页处理 即时表格数据过滤 数据排序以及数据类型自动检测 自动处理列宽度 可通过CSS定制样式&
jquery表格样式 jQuery 插件 datatables css