以下代码是通过百度找到 的
- <table width="300" border="0" cellpadding="0" cellspacing="1" bgcolor="#0099CC">
- <tr>
- <th width="25%" nowrap><font color="#FFFFFF"> 123 </font></th>
- <th width="25%" nowrap><font color="#FFFFFF"> 456 </font></th>
- <th width="25%" nowrap><font color="#FFFFFF"> 789 </font></th>
- <th width="25%" nowrap><font color="#FFFFFF"> abc </font></th>
- </tr>
- </table>
- <span style="overflow-y:auto;height:100px;width:320px">
- <table width="300" border="0" cellpadding="0" cellspacing="1" bgcolor="#0099CC">
- <tr bgcolor="#FFFFFF">
- <td width="25%"> 1</td>
- <td width="25%"> 4</td>
- <td width="25%"> 7</td>
- <td width="25%"> a</td>
- </tr>
- <tr bgcolor="#FFFFFF">
- <td > 2</td>
- <td > 5</td>
- <td> 8</td>
- <td> b</td>
- </tr>
- <tr bgcolor="#FFFFFF">
- <td> 3 </td>
- <td> 6 </td>
- <td> 9 </td>
- <td > c </td>
- </tr>
- <tr bgcolor="#FFFFFF">
- <td> 3 </td>
- <td> 6 </td>
- <td> 9 </td>
- <td > c </td>
- </tr>
- <tr bgcolor="#FFFFFF">
- <td> 3 </td>
- <td> 6 </td>
- <td> 9 </td>
- <td > c </td>
- </tr>
- <tr bgcolor="#FFFFFF">
- <td> 3 </td>
- <td> 6 </td>
- <td> 9 </td>
- <td > c </td>
- </tr>
- <tr bgcolor="#FFFFFF">
- <td> 3 </td>
- <td> 6 </td>
- <td> 9 </td>
- <td > c </td>
- </tr>
- <tr bgcolor="#FFFFFF">
- <td> 3 </td>
- <td> 6 </td>
- <td> 9 </td>
- <td > c </td>
- </tr>
- <tr bgcolor="#FFFFFF">
- <td> 3 </td>
- <td> 6 </td>
- <td> 9 </td>
- <td > c </td>
- </tr>
- <tr bgcolor="#FFFFFF">
- <td> 3 </td>
- <td> 6 </td>
- <td> 9 </td>
- <td > c </td>
- </tr>
- <tr bgcolor="#FFFFFF">
- <td> 3 </td>
- <td> 6 </td>
- <td> 9 </td>
- <td > c </td>
- </tr>
- <tr bgcolor="#FFFFFF">
- <td> 3 </td>
- <td> 6 </td>
- <td> 9 </td>
- <td > c </td>
- </tr>
- </table>
- </span>
本文提供了一个使用HTML创建表格布局的实例代码。该表格包含头部和数据行,并使用了简单的样式进行美化。通过这个例子,读者可以了解如何定义表格结构及如何应用基本的样式。
2万+

被折叠的 条评论
为什么被折叠?



