Question

我无法隐藏桌子周围的边框。我使用过匈牙利ID和图片名称，但ID没关系，我认为JS效果很好。我无法隐藏它，但我可以使其大于0px。

我尝试过!important，border: none，border: 0px，或者简单地尝试将其更改为白色。

#tablazat {
    border-bottom: 0px solid blue;
}



<table id="tablazat">
    <tbody>
        <tr>
            <th>
                <img onclick="kep1('inferno')" class="mapok" id="inferno" src="http://www.mathiaszlan.nhely.hu/wp-content/uploads/2019/09/inferno.png" disabled="true"></th>
            <th>
                <img onclick="kep1('train')" class="mapok" id="train" src="http://www.mathiaszlan.nhely.hu/wp-content/uploads/2019/09/train.png" disabled="true"></th>
        </tr>
        <tr>
            <th>
                <img onclick="kep1('mirage')" class="mapok" id="mirage" src="http://www.mathiaszlan.nhely.hu/wp-content/uploads/2019/09/mirage.png" disabled="true"></th>
            <th>
                <img onclick="kep1('nuke')" class="mapok" id="nuke" src="http://www.mathiaszlan.nhely.hu/wp-content/uploads/2019/09/nuke.png" disabled="true"></th>
        </tr>
    </tbody>
</table>

Answer 1

请将此属性放在表中

<table id="tablazat" cellspacing="0" cellpadding="0">

除非您试图查看类似于电子表格的内容，否则请尝试避免使用元素

更好地使用CSS弹性框

Answer 2

边界位于th和td元素周围（在您的style.css中）：

th, td {
    border: 1px solid #333;
    padding: 5px;
    text-align: center;
}

如果要从此特定表中删除它，可以通过添加以下内容来实现：

#tablazat th {
    border: none;
}

Answer 3

代替下面的代码

th, td {
    border: 1px solid #333;
    padding: 5px;
    text-align: center;
}

您可以使用

th, td {
    border: 0px solid #333;
    padding: 5px;
    text-align: center;
 }

我无法从WP网站上的表格中删除边框

3 个答案: