Html 带边框图像的表格

给出此代码以在单元格周围生成边框图像。是否可以使单元格之间的边框仅显示一个边框？而且红色的方块只在桌子的角落里，而不是在牢房的每个角落。（与正常表格一样，将显示，但线条将替换为正方形图像）

如果存在使用外部库或jquery的解决方案，请告诉我

。表格边框>tbody>tr>td、.表格边框>tbody>tr>th、.表格边框>tfoot>tr>td、.表格边框>tfoot>tr>th、.表格边框>thead>tr>td、.表格边框>thead>tr>th{
边框：0；/*重置*/
边框颜色：透明；
边框样式：实心；
边框宽度：25px；
-moz边框图像：url(https://www.w3schools.com/cssref/border.png)27轮；
-webkit边框图像：url(https://www.w3schools.com/cssref/border.png)27轮；
-o-border-image:url(https://www.w3schools.com/cssref/border.png)27轮；
边框图像：url(https://www.w3schools.com/cssref/border.png)27填充圆；
}

福
酒吧
笑
这里有东西
无论什么
6,0%/12%wag。

您可能看起来像这样

td，
th{
边界：0；
边框颜色：透明；
边框样式：实心；
-moz边框图像：url(https://www.w3schools.com/cssref/border.png)27轮；
-webkit边框图像：url(https://www.w3schools.com/cssref/border.png)27轮；
-o-border-image:url(https://www.w3schools.com/cssref/border.png)27轮；
边框图像：url(https://www.w3schools.com/cssref/border.png)27填充圆；
边框宽度：0.25px；
}
.桌子{
边界：0；
边框颜色：透明；
边框样式：实心；
边框宽度：25px；
-moz边框图像：url(https://www.w3schools.com/cssref/border.png)27轮；
-webkit边框图像：url(https://www.w3schools.com/cssref/border.png)27轮；
-o-border-image:url(https://www.w3schools.com/cssref/border.png)27轮；
边框图像：url(https://www.w3schools.com/cssref/border.png)27填充圆；
}

福
酒吧
笑
这里有东西
无论什么
#6,0%/12%wag。

@mplungjan问题的第一部分是重复的，但他

，而且红色的方块只在桌子的角落，而不是单元格的每个角落

，因此我认为这并不是完全重复的，如果第二个问题的答案没有在我给出的链接中找到，你可以问另一个问题，因为你应该问。我甚至没有想过给桌子加一个边框+1。我将把它与链接问题中的“仅一侧边界”解决方案结合起来，这样我也可以得到垂直条。