前端表格如何实现图中的边框

Question

如下图所示的边框线条（PS：主要是边框的样式，是有锯齿状的卡槽那种的，类似于波纹）

Answer 1

sawtooth-border简单解释：后面两层背景图实现锯齿，这样整个 td 都是锯齿，包括border再做一层纯白背景，放在最上面，只覆盖到，padding-box，这样 border 还是原来的锯齿背景，padding-box 就是纯白背景。锯齿背景用 linear-gradient,背景图的覆盖范围通过 background-clip 调整。

Answer 2

table有合并行合并列属性可以实现不同矩形区块=》colspan,rowspan至于边框的样式dashednone 定义无边框。hidden 与 "none" 相同。不过应用于表时除外，对于表，hidden 用于解决边框冲突。dotted 定义点状边框。在大多数浏览器中呈现为实线。dashed 定义虚线。在大多数浏览器中呈现为实线。solid 定义实线。double 定义双线。双线的宽度等于 border-width 的值。groove 定义 3D 凹槽边框。其效果取决于 border-color 的值。ridge 定义 3D 垄状边框。其效果取决于 border-color 的值。inset 定义 3D inset 边框。其效果取决于 border-color 的值。outset 定义 3D outset 边框。其效果取决于 border-color 的值。inherit如果没有只能用css和css3实现例如实现倒三角