Question

我正在构建一些表并经历了很多迭代。在某些时候，我在第一行（https://jujusupply.com/pages/customer-gift-notes）拾取了这个奇怪的底部边框，我不知道它来自哪里或如何摆脱它？它只是一个非常简单的HTML表格。

＆＃13;

table {
    width: 100%;
}
td {
    text-align: center;
    font-size: em(14px);
    font-style: italic;
    padding: 12px;
    background-color: #eeeeee;
    border: 8px solid white;
    height: 200px;
}
td:hover {
    background-color: #ffde17;
}

＆＃13;

    <div style="overflow-x: auto;">
<table>
    <tbody>
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
        </tr>
    </tbody>
</table>
</div>

＆＃13;

Answer 1

来自这里：

media="all"
tr:first-child th:after, tr:first-child td:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: -15px;
    right: 15px;
    border-bottom: 1px solid #1c1d1d;
}

在theme.scss.css文件

中

HTML CSS神秘的底边框

1 个答案: