[HTML/CSS] create table !

6444 ワード

htmlcss テキストリンク

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プロパティ値を追加する必要があります.

Reference

この問題について([HTML/CSS] create table !), 我々は、より多くの情報をここで見つけました https://velog.io/@soor/HTMLCSS-create-table

テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。

Collection and Share based on the CC Protocol

アルゴリズム8日目

5000兆円もらうだけ