带有边框图像的表格单元格

Question

我想将边框图像添加到表格单元格,但它不起作用......或者我做错了......边框宽度可见,但图像丢失了.我的jsFiddle在这里,代码:

.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th,  .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border: 0; /* reset */
    border-color: transparent;
    border-style: solid;
    border-width: 27px;
    border-image: url(http://www.w3.org/TR/css3-background/border.png) 27 fill repeat;
}

使用border-image.com生成边界图像代码

有任何想法吗？或者边框图像根本不支持表格？

Answer 1

您已经包含了覆盖 CSS 的 bootstrap.min.css。

试试这个小提琴：https : //jsfiddle.net/6025vyn9/

编辑：为了澄清，border-image适用于表（表中的外侧），但并不适用于内部表元素时border-collapse是collapse：http://www.w3.org/TR/css3-background/#the-border-image-来源