怎样设置HTML表格的边框为虚线？BORDER-STYLE样式自定义-html教程-PHP中文网

table设border-style:dashed无效，因默认border-collapse:separate导致边框分离断开；须加border-collapse:collapse合并边框，并为table、th、td统一设border:1px dashed #999（含宽/样/色），否则虚线不连贯或不可见。

怎样设置html表格的边框为虚线？border-style样式自定义

table 元素直接设 `border-style: dashed` 为什么没效果？

因为表格默认使用 border-collapse: separate 模式，table、th、td 各自的边框是分离的，即使都设了 dashed，视觉上也容易断开、错位或重叠，导致虚线不连贯甚至“消失”。

必须显式设置 border-collapse: collapse 在 table 上，才能让相邻边框真正合并成一条虚线
border-style: dashed 单独写在 table 上，只影响 table 自身外边框，不影响内部单元格线条
若只给 table 设虚线但没给 th/td 设边框，内部格线根本不会出现

如何让整个表格所有边框都是虚线？

需要三步同步生效：统一边框样式 + 合并边框 + 显式声明边框宽度和颜色（border-color 不写会继承文本色，可能太淡看不清）。

给 table, th, td 都设置 border: 1px dashed #999（简写包含 width/style/color）
在 table 上加 border-collapse: collapse
避免用 border-spacing 或 padding 过大干扰虚线连续性

示例：

Doc To HTML

使用 MinerU 文档处理引擎将 Word 文档（.doc、.docx）转换为保留结构和格式的干净 HTML。

下载

table {
  border-collapse: collapse;
}
table, th, td {
  border: 1px dashed #999;
}

只想让表格外边框虚线，内部格线用实线？

靠选择器精确控制：外框用 table，内线用 th, td，但要注意 border-collapse: collapse 下，内外边框会共用同一像素线，所以得用方向属性隔离。

外边框：用 table { border: 2px dashed #333 }（注意这里不依赖 collapse，它是独立外框）
内格线：仍需 border-collapse: collapse，然后给 th, td 设 border-bottom: 1px solid #ccc 和 border-right: 1px solid #ccc（只设下边和右边，避免重复）
这样外框是虚线，内部是干净的实线网格，且无重叠或间隙