기존 <tr> <th> <td> 태그로 만드는 방식도 있지만

상당히 노가다가 많이 들어가는 작업 중 하나이며

테이블 제작 웹사이트“를 이용해서 간편하게 만들 수 있습니다!!

테이블마다 각 Class가 지정되어

중앙정렬, 색상, 굵기, 마진, 패딩, 테두리 색상 자유롭게 선택이 가능하며 

테마 기능을 활용해서 선택도 가능합니다

하단의 Generate를 누르시면

홈페이지 설계와 구축
꽃이름곤충이름
코스모스사마귀
벚꽃메뚜기
목화매미
민들레잠자리
장미나비
유채꽃무당벌레
<style type="text/css">
.tg  {border-collapse:collapse;border-spacing:0;}
.tg td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:black;}
.tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:black;}
.tg .tg-0pky{border-color:inherit;text-align:left;vertical-align:top}
</style>
<table class="tg">
  <tr>
    <th class="tg-0pky" colspan="2">홈페이지 설계와 구축</th>
  </tr>
  <tr>
    <td class="tg-0pky">꽃이름</td>
    <td class="tg-0pky">곤충이름</td>
  </tr>
  <tr>
    <td class="tg-0pky">코스모스</td>
    <td class="tg-0pky">사마귀</td>
  </tr>
  <tr>
    <td class="tg-0pky">벚꽃</td>
    <td class="tg-0pky">메뚜기</td>
  </tr>
  <tr>
    <td class="tg-0pky">목화</td>
    <td class="tg-0pky">매미</td>
  </tr>
  <tr>
    <td class="tg-0pky">민들레</td>
    <td class="tg-0pky">잠자리</td>
  </tr>
  <tr>
    <td class="tg-0pky">장미</td>
    <td class="tg-0pky">나비</td>
  </tr>
  <tr>
    <td class="tg-0pky">유채꽃</td>
    <td class="tg-0pky">무당벌레</td>
  </tr>
</table>

코드로 테이블이 생성되어 사용 가능합니다!!
웹에서 CSS 커스텀이 불가능한 경우 클래스를 찾아서 속성을 추가해주세요