如何制作指定样式表格？自行制作时总出现多余线条如何解决

表格多余线条问题解决方案 #

支持自定义HTML/CSS的渲染场景（如Typora、个人博客、开源文档站点） #

直接给不需要显示边框的单元格添加样式即可，示例代码如下：

<table>
  <tr>
    <td>常规单元格</td>
    <!-- 隐藏单元格右边框 -->
    <td style="border-right: none;">无右侧边框单元格</td>
    <td>常规单元格</td>
  </tr>
  <tr>
    <!-- 隐藏单元格下边框 -->
    <td style="border-bottom: none;">无下边框单元格</td>
    <td>常规单元格</td>
    <!-- 同时隐藏右、下边框 -->
    <td style="border-right: none;border-bottom: none;">无右下边框单元格</td>
  </tr>
</table>

如果有大量同样式的表格，可在全局自定义CSS中添加统一规则复用：

/* 给需要调整的表格加类名no-extra-border */
.no-extra-border .no-right-border {
  border-right: none !important;
}
.no-extra-border .no-bottom-border {
  border-bottom: none !important;
}

不支持自定义代码的纯Markdown平台（如部分论坛、笔记工具） #

通过合并单元格规避多余线条：

• 不需要显示边框的相邻单元格直接合并，不要单独拆分
• 使用colspan（横向合并）、rowspan（纵向合并）属性实现合并，对应位置不需要写额外拆分的单元格，自然不会生成多余边框

内容的提问来源于stack exchange，提问作者Othelia