HTML CSS不思議なボトムボーダー

Question

私はいくつかのテーブルを構築していました。ある時点で、私は最初の行（https://jujusupply.com/pages/customer-gift-notes）でこの奇妙なボトムボーダーを拾いました。それはどこから来ているのか、それを取り除く方法はわかりません。非常にシンプルなHTMLテーブルです。

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; 
 
}

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

Answer 1

それはここからだ：theme.scss.cssファイルで

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; 
}