[HTML/CSS] create table !

borderはありませんが、このような形状のテーブルを作成するにはtabletagを使用して次のようにします.

<table>
      <thead>
        <tr>
          <th>color</th>
          <th>size</th>
          <th>amount</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>
            pulple
          </td>
          <td>
            lg
          </td>
          <td>
            110
          </td>
        </tr>
        <tr>
          <td>yellow</td>
          <td>sm</td>
          <td>20</td>
        </tr>
      </tbody>
    </table>

<style lang="scss" scoped>
table {
  border-collapse: collapse;
  tr {
   이제 border 속성 추가 가능!
    border-bottom: 1px solid black;
  } 
}
</style>

参考ブログソース
borderプロパティはデフォルトでtagに継承されないため、border-wrumbus:クラッシュプロパティを使用すると、各セルの枠線の空白を解消できます.
tr、th tagにborderがある場合は、tr、th tagのborderプロパティ設計が適用されるため、tr、th tagにborderプロパティ値を追加する必要があります.