css在表格单元格内移动边框

css在表格单元格内移动边框,css,border,Css,Border,我在表格单元格中设置了各种图像作为边框,单元格周围没有边距。有没有办法在图像中添加彩色边框,将边框推入单元格,而不是在边框处?您是否尝试过使用边框样式:插图?如果您可以使用CSS3,只需查看大纲属性即可。 此示例在表格单元格内生成2px蓝色边框 CSS: 如果没有任何代码,这将很难帮助您,您可以设置一个JSFIDLE来解决您的问题吗?我会试试。我想我还找到了另一种方法:将单元格内容包装到另一个div中,并在其上设置边距、边框和填充。这可能也会奏效。我可能会建议寻找只使用CSS的替代方案,以尽可能

我在表格单元格中设置了各种图像作为边框,单元格周围没有边距。有没有办法在图像中添加彩色边框,将边框推入单元格,而不是在边框处?

您是否尝试过使用
边框样式:插图

如果您可以使用CSS3,只需查看
大纲
属性即可。 此示例在表格单元格内生成2px蓝色边框

CSS:


如果没有任何代码,这将很难帮助您,您可以设置一个JSFIDLE来解决您的问题吗?我会试试。我想我还找到了另一种方法:将单元格内容包装到另一个div中,并在其上设置边距、边框和填充。这可能也会奏效。我可能会建议寻找只使用CSS的替代方案,以尽可能保持网站的语义(也就是说,将div等结构元素保留为结构设备,而不是使用它们为页面添加样式)。不过,无论哪种方式都可以:)
td.bordred {
    outline: solid 2px #377bb5;
    outline-offset: -2px;
}