首页使用HTML+css制作一个表格七行三列

使用HTML+css制作一个表格七行三列

时间: 2023-08-14 18:05:24 浏览: 130

好的，以下是使用 HTML+CSS 制作七行三列的表格的代码示例： ``` <!DOCTYPE html> <html> <head> <title>表格示例</title> <style> table { border-collapse: collapse; width: 100%; } th, td { text-align: left; padding: 8px; border: 1px solid black; } th { background-color: #ddd; } tr:nth-child(even) { background-color: #f2f2f2; } </style> </head> <body> <table> <tr> <th>列1</th> <th>列2</th> <th>列3</th> </tr> <tr> <td>行1列1</td> <td>行1列2</td> <td>行1列3</td> </tr> <tr> <td>行2列1</td> <td>行2列2</td> <td>行2列3</td> </tr> <tr> <td>行3列1</td> <td>行3列2</td> <td>行3列3</td> </tr> <tr> <td>行4列1</td> <td>行4列2</td> <td>行4列3</td> </tr> <tr> <td>行5列1</td> <td>行5列2</td> <td>行5列3</td> </tr> <tr> <td>行6列1</td> <td>行6列2</td> <td>行6列3</td> </tr> <tr> <td>行7列1</td> <td>行7列2</td> <td>行7列3</td> </tr> </table> </body> </html> ``` 以上代码会生成一个包含七行三列的表格，表格的样式使用 CSS 进行设置，包括表格的边框、字体、背景色等。你可以按照自己的需要修改 CSS 样式来改变表格的样式。

阅读全文