表格边框以虚线显示的css样式

要让表格边框以虚线显示，可以通过CSS样式进行控制。

一种方式是通过设置border-style属性为dashed或者dotted来使表格边框呈现虚线的样式，同时设置border-width属性来控制边框宽度，示例如下：

table {
  border-collapse: collapse;
}

td, th {
  border: 1px dashed #ccc;
  padding: 5px;
}

上述代码实现了表格边框以虚线显示的样式，并且每个单元格含有1px的边框宽度，并且padding为5px。

另一种方式是使用border-image属性来指定边框样式，这种方法可以使表格的边框更加灵活和多样化，代码示例如下：

table {
  border-collapse: collapse;
}

td, th {
  border-width: 10px;
  border-image: linear-gradient(to right, red 0%, blue 100%);
  padding: 5px;
}

上面的代码表示为表格的单元格设置了10px的边框宽度，并且使用了一个渐变色的边框样式，其中linear-gradient()函数用来指定颜色的渐变方向和范围。这样的边框样式可以很容易的修改渐变方向和颜色，从而实现多样化需求。

需要注意的是，以上两种方法都必须通过设置border-collapse属性为collapse以保证在网页中显示为正常效果。

通过上述方法，你可以实现表格边框以虚线形式显示的样式。