[html] 테이블

<table>
  <thead>
    <tr>
      <th></th>
      <th>Premium</th>
      <th>Standard</th>
      <th>Basic</th>
    </tr>
  </thead>
  <tbody>
  <tr>
    <td>화질</td>
    <td>최대</td>
    <td>FHD</td>
    <td>HD</td>
  </tr>
  <tr>
    <td>다운로드</td>
    <td>무제한</td>
    <td>월 30회</td>
    <td>불가</td>
  </tr>
  </tbody>
  <tfoot>
    <tr>
      <th></th>
      <th>₩15,900</th>
      <th>₩10,900</th>
      <th>₩8,900</th>
    </tr>
  </tfoot>
</table>

 

 

 

table {
  border: 1px solid red; /* 표 전체의 테두리를 빨간색으로 */
}

th {
  border: 1px solid green; /* 제목 셀의 테두리를 초록색으로 */
}

td {
  border: 1px solid blue; /* 각 셀의 테두리를 파란색으로 */
}

 

 

 

table {
  border: 1px solid red;
  border-collapse: collapse;  /*테두리 겹치기 */
}

th {
  border: 1px solid green;
}

td {
  border: 1px solid blue;
}

 

table {
  border: 1px solid red;
  border-spacing: 10px;  /*테두리 간격 */
}

th {
  border: 1px solid green;
}

td {
  border: 1px solid blue;
}