多行双列的表格 1
标题1 | 标题2 |
---|---|
行1 列1 | 行1 列2 |
行2 列1 | 行2 列2 |
行3 列1 | 行3 列2 |
行4 列1 | 行4 列2 |
行5 列1 | 行5 列2 |
行6 列1 | 行6 列2 |
<table class="custom-table"> <tr> <th>标题1</th> <th>标题2</th> </tr> <tr> <td>行1 列1</td> <td>行1 列2</td> </tr> <tr> <td>行2 列1</td> <td>行2 列2</td> </tr> <tr> <td>行3 列1</td> <td>行3 列2</td> </tr> <tr> <td>行4 列1</td> <td>行4 列2</td> </tr> <tr> <td>行5 列1</td> <td>行5 列2</td> </tr> <tr> <td>行6 列1</td> <td>行6 列2</td> </tr> </table>
<style> .custom-table { width: 100%; border-collapse: collapse; }.custom-table th, .custom-table td { border: 1px solid #ccc; padding: 8px; font-size: 18px; /* 设置表格内文字大小为18像素 */ } .custom-table th </style>