HTML : 테이블의 전체 열에 스타일 적용

<table width="100%">
    <colgroup>
        <col style="width:40%;" />
        <col style="width:60%;" />
    </colgroup>
    <thead>
        <tr>
            <td>
               Column 1
               <!--This column will have 40% width-->
            </td>
            <td>
               Column 2
               <!--This column will have 60% width-->
            </td>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Cell 1</td>
            <td>Cell 2</td>
        </tr>
    </tbody>
</table>


Note: The <colgroup> tag must be a child of a <table> element, after any <caption> elements and before any <thead>,<tbody>, <tfoot>, and <tr> elements.



여기에서 서식 지정을 위해 테이블에서 하나 이상의 열 그룹을 지정하는 <colgroup> 태그를 사용했음을 알 수 있습니다. <colgroup> 태그는 셀마다, 행마다 스타일을 반복하는 대신 전체 열에 스타일을 적용하는 데 유용합니다.



모든 것을 말하면서 계속 배우는 것이 좋습니다!

이 기사를 읽어 주셔서 감사합니다. 와 에서 언제든지 저와 연결해 주세요.

좋은 웹페이지 즐겨찾기