可转换的列表
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style>
table{
border-collapse:collapse;
}
body{
margin:0;
padding:30px;
font-family: Arial, Helvetica, sans-serif;
font-size:small;
background:#b5b5b5;
}
a{
color:#77985c;
}
table{
width:100%;
border:1px solid #000;
background:#fff;
}
table caption{
border:#000 solid 1px;
text-align:left;
border-bottom:none;
background:#fff;
height:24px;
line-height:24px;
padding-left:20px;
}
table th, table td{
margin:0;
padding:8px 20px;
text-align:center;
border-bottom:1px solid #b5b5b5;
}
table th{
color:#999;
}
table .name{
text-align:left;
}
table tr{
background:#e6e6e6;
}
table tr.alt{
background:#f1f1f1;
}
table td a{
display:block;
font-weight:bold;
}
</style>
</head>
<body>
<table cellspacing="0">
<caption>The Films</caption>
<tr>
<th scope="col" class="name">Forum Name</th>
<th scope="col">Topics/Messages</th>
<th scope="col">Last Post</th>
</tr>
<tr class="alt">
<td class="name"><a href="/forum/">Name of Forum</a> This is the description of the forum. This is another line of descriptive text.</td>
<td>9313/163773</td>
<td>Feb 28, 2005 04:21 PM</td>
</tr>
<tr>
<td class="name"><a href="/forum/">Name of Forum</a> This is the description of the forum. This is another line of descriptive text.</td>
<td>9313/163773</td>
<td>Feb 28, 2005 04:21 PM</td>
</tr>
<tr class="alt">
<td class="name"><a href="/forum/">Name of Forum</a> This is the description of the forum. This is another line of descriptive text.</td>
<td>9313/163773</td>
<td>Feb 28, 2005 04:21 PM</td>
</tr>
</table>
</body>
</html>