html - Firefox 和 IE 中的表格边框与 Chrome 中的不同

Question

我的网站http://www.matejkadesign.com在 Chrome、IE 和 Firefox 中显示样式一致的外部表格边框时遇到问题。我想要的样式在 Chrome 中，但在其他两个浏览器中都不同。我一直在寻找修复程序，但一无所获。我不在 CSS 中设置表格样式，而是在 html 中这样设置:

<table align="center" cellspacing="5" cellpadding="5" border="4" bordercolor="#3c2610" width="310px" >

这似乎产生了三种不同的效果。如何使 Firefox 和 IE 的样式与 Chrome 中的样式相同？

Answer 1

是否有任何特殊原因需要使用内联样式？

您可以通过为 table 和 td 标签定义精确的 border 样式来修复这些行为，这样做可以防止浏览器应用自己的样式。

试试这个:

table {
    border: 4px solid #3C2610;
}

td {
    border: 1px solid #3C2610;
}