首页html 表格加间隔线

html 表格加间隔线

时间: 2023-07-06 09:37:43 浏览: 69

要在 HTML 表格中加入间隔线，可以使用 CSS 样式表的 border-collapse 属性和 border 属性来实现。具体实现方式如下： 1. 在 CSS 样式表中，使用 border-collapse 属性将表格单元格的边框合并为单一边框： ``` table { border-collapse: collapse; } ``` 2. 使用 border 属性为表格单元格添加边框，并设置边框宽度、样式和颜色： ``` td, th { border: 1px solid #ddd; } ``` 以上代码将为表格单元格添加 1px 宽度的实线边框，颜色为 #ddd。完整的 HTML 代码示例： ``` <!DOCTYPE html> <html> <head> <style> table { border-collapse: collapse; } td, th { border: 1px solid #ddd; } </style> </head> <body> <table> <tr> <th>表头1</th> <th>表头2</th> <th>表头3</th> </tr> <tr> <td>单元格1</td> <td>单元格2</td> <td>单元格3</td> </tr> <tr> <td>单元格4</td> <td>单元格5</td> <td>单元格6</td> </tr> </table> </body> </html> ``` 运行以上代码，即可在 HTML 表格中添加间隔线。