html - 删除 Excel HTML 嵌入中的网格线

Question

我在 Excel 中创建了一个电子表格并另存为网页。我在页面布局下“取消选中”查看和打印网格线，但是，一旦我将页面嵌入到我的站点中，网格线就可见了。我尝试使用 CSS 尝试消除网格线，但无济于事。不幸的是，代码有很多字符要发布在这里，但是您可以在这里查看我的测试页面:http://www.realtimehockey.net/associations.html

这可能是也可能不是简单的修复，但我们将不胜感激任何帮助或意见。

CSS

<!--table
    {mso-displayed-decimal-separator:"\.";
    mso-displayed-thousand-separator:"\,";}
.xl154614
    {padding-top:1px;
    padding-right:1px;
    padding-left:1px;
    mso-ignore:padding;
    color:black;
    font-size:11.0pt;
    font-weight:400;
    font-style:normal;
    text-decoration:none;
    font-family:Calibri, sans-serif;
    mso-font-charset:0;
    mso-number-format:General;
    text-align:general;
    vertical-align:bottom;
    mso-background-source:auto;
    mso-pattern:auto;
    white-space:nowrap;}
.xl654614
    {padding-top:1px;
    padding-right:1px;
    padding-left:1px;
    mso-ignore:padding;
    color:white;
    font-size:11.0pt;
    font-weight:700;
    font-style:italic;
    text-decoration:none;
    font-family:"Patua One", monospace;
    mso-font-charset:0;
    mso-number-format:General;
    text-align:general;
    vertical-align:bottom;
    background:#FF6600;
    mso-pattern:black none;
    white-space:nowrap;}
.xl664614
    {padding-top:1px;
    padding-right:1px;
    padding-left:1px;
    mso-ignore:padding;
    color:white;
    font-size:3.0pt;
    font-weight:700;
    font-style:italic;
    text-decoration:none;
    font-family:"Patua One", monospace;
    mso-font-charset:0;
    mso-number-format:General;
    text-align:general;
    vertical-align:bottom;
    background:white;
    mso-pattern:black none;
    white-space:nowrap;}
.xl674614
    {padding-top:1px;
    padding-right:1px;
    padding-left:1px;
    mso-ignore:padding;
    color:white;
    font-size:3.0pt;
    font-weight:700;
    font-style:italic;
    text-decoration:none;
    font-family:"Patua One", monospace;
    mso-font-charset:0;
    mso-number-format:General;
    text-align:general;
    vertical-align:bottom;
    background:black;
    mso-pattern:black none;
    white-space:nowrap;}
.xl684614
    {padding-top:1px;
    padding-right:1px;
    padding-left:1px;
    mso-ignore:padding;
    color:black;
    font-size:11.0pt;
    font-weight:700;
    font-style:normal;
    text-decoration:none;
    font-family:Calibri, sans-serif;
    mso-font-charset:0;
    mso-number-format:General;
    text-align:general;
    vertical-align:bottom;
    background:#D8D8D8;
    mso-pattern:black none;
    white-space:nowrap;}
.xl694614
    {padding-top:1px;
    padding-right:1px;
    padding-left:1px;
    mso-ignore:padding;
    color:#0563C1;
    font-size:11.0pt;
    font-weight:400;
    font-style:normal;
    text-decoration:none
    font-family:Calibri, sans-serif;
    mso-font-charset:0;
    mso-number-format:General;
    text-align:general;
    vertical-align:bottom;
    background:#D8D8D8;
    mso-pattern:black none;
    white-space:nowrap;}
.xl704614
    {padding-top:1px;
    padding-right:1px;
    padding-left:1px;
    mso-ignore:padding;
    color:#0563C1;
    font-size:11.0pt;
    font-weight:700;
    font-style:normal;
    text-decoration:none;
    font-family:Calibri, sans-serif;
    mso-font-charset:0;
    mso-number-format:General;
    text-align:general;
    vertical-align:bottom;
    background:#D8D8D8;
    mso-pattern:black none;
    white-space:nowrap;}
.xl714614
    {padding-top:1px;
    padding-right:1px;
    padding-left:1px;
    mso-ignore:padding;
    color:black;
    font-size:12.0pt;
    font-weight:700;
    font-style:normal;
    text-decoration:none;
    font-family:Candara;
    mso-generic-font-family:auto;
    mso-font-charset:0;
    mso-number-format:General;
    text-align:general;
    vertical-align:bottom;
    background:#D8D8D8;
    mso-pattern:black none;
    white-space:nowrap;}

Answer 1

在您的样式表中，您必须将表格单元格的边框设置为无。

如果你想走捷径，你可以这样做:

td, tr {
  border-style: none
}

这将覆盖您页面上的所有单元格。