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

概述我想将边框图像添加到表格单元格,但它不起作用……或者我做错了……边框宽度可见,但图像丢失了.我的jsFiddle是 here,代码： .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > t 我想将边框图像添加到表格单元格,但它不起作用……或者我做错了……边框宽度可见,但图像丢失了.我的Jsfiddle是 here,代码：

.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生成边界图像代码

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

解决方法 你已经包含了bootstrap.min.CSS,它覆盖了你的CSS.

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

编辑：为了澄清,border-image适用于表格(表格外部)但在边框折叠崩溃时不适用于内部表格元素：http://www.w3.org/TR/css3-background/#the-border-image-source

总结

以上是内存溢出为你收集整理的html – 带有边框图像的表格单元格全部内容，希望文章能够帮你解决html – 带有边框图像的表格单元格所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。