一, 效果图.
二, 代码.
- <!DOCTYPE html>
- <HTML>
- <head>
- <meta charset="utf-8">
- <title>
- CSS Table 表格
- </title>
- <style>
- table { border-collapse: collapse; width: 100%; } table, th, td { border:
- 1px solid green; } th { height: 50px; background-color: green; color: white;
- } td { text-align: right; height: 50px; vertical-align: bottom; padding:
- 15px; }
- </style>
- </head>
- <body>
- <table>
- <tr>
- <th>
- Firstname
- </th>
- <th>
- Lastname
- </th>
- </tr>
- <tr>
- <td>
- Peter
- </td>
- <td>
- Griffin
- </td>
- </tr>
- <tr>
- <td>
- Lois
- </td>
- <td>
- Griffin
- </td>
- </tr>
- </table>
- </body>
- </HTML>
参考资料:《菜鸟教程》
来源: http://www.bubuko.com/infodetail-2929671.html