html - thのborder-bottomとthの下のtdのborder-topを同時に持つことはできません

Question

これは既知の問題ですか、それとも何ですか。

私のコードは次のようなものです：

<table>
   <tr>
       <th>Something</th>
   </tr>
   <tr>
       <td>Something else</td>
   </tr>
</table>

問題は、設定できないことです

tr th { border-bottom: 1px solid red; }

同時に

tr td { border-top: 1px solid green; }

動作していません。赤い線だけが表示されます。

これはバグですか、それとも何ですか？

Answer 1

申し訳ありませんが、あなたがやろうとしているのは、ある境界線を別の境界線に配置しているということです。そのため、最初の境界線だけが表示されています。