<!DOCTYPE HTML>
|
<html>
|
|
<head>
|
<meta charset="utf-8">
|
<title>CSS表格DEMO演示</title>
|
<link rel="stylesheet" type="text/css" href="table.css">
|
</head>
|
|
<body>
|
<table class="pure-table">
|
<thead>
|
<tr>
|
<th width="20">#</th>
|
<th width="50">Make</th>
|
<th width="70">Model</th>
|
<th width="100">Year</th>
|
</tr>
|
</thead>
|
|
<tbody>
|
<tr class="pure-table-odd">
|
<td>1</td>
|
<td>Honda</td>
|
<td>Accord</td>
|
<td>2009</td>
|
</tr>
|
|
<tr>
|
<td>2</td>
|
<td>Toyota</td>
|
<td>Camry</td>
|
<td>2012</td>
|
</tr>
|
|
<tr class="pure-table-odd">
|
<td>3</td>
|
<td>Hyundai</td>
|
<td>Elantra</td>
|
<td>2010</td>
|
</tr>
|
|
<tr>
|
<td>4</td>
|
<td>Ford</td>
|
<td>Focus</td>
|
<td>2008</td>
|
</tr>
|
|
<tr class="pure-table-odd">
|
<td>5</td>
|
<td>Nissan</td>
|
<td>Sentra</td>
|
<td>2011</td>
|
</tr>
|
|
<tr>
|
<td>6</td>
|
<td>BMW</td>
|
<td>M3</td>
|
<td>2009</td>
|
</tr>
|
|
<tr class="pure-table-odd">
|
<td>7</td>
|
<td>Honda</td>
|
<td>Civic</td>
|
<td>2010</td>
|
</tr>
|
|
<tr>
|
<td>8</td>
|
<td>Kia</td>
|
<td>Soul</td>
|
<td>2010</td>
|
</tr>
|
</tbody>
|
</table>
|
</body>
|
|
</html>
|
