首页用css+html做个5*10的表格

用css+html做个5*10的表格

时间: 2024-10-29 14:15:21 浏览: 7

Html结合css与jquery实现文本框输入数字自动添加table列表.docx

Html结合css与jquery实现文本框输入数字自动添加table列表

要创建一个5行10列的表格，你可以使用HTML结构结合CSS样式来完成。以下是基本的代码示例： ```html <!DOCTYPE html> <html lang="zh"> <head> <style> table { width: 100%; border-collapse: collapse; } th, td { padding: 8px; text-align: left; border-bottom: 1px solid #ddd; } tr:nth-child(even) { background-color: #f2f2f2; } </style> </head> <body> <table> <thead> <tr>   <th>标题1</th>  <th>标题2</th> <th>标题3</th>  </tr> </thead> <tbody>  <tr> <td>数据1</td> <td>数据2</td> <td>数据3</td>  <td>...</td> <td>...</td> </tr>   </tbody> </table> </body> </html> ``` 在这个例子中，`<th>`元素用于表头，`<td>`元素用于单元格，`tr`表示表格的一行，`tbody`包含所有行。通过CSS样式，我们设置了简单的表格样式，如边框、背景色等。

阅读全文