🔥 오늘의 목표

• 출근

---

📝 노트필기 및 정리

- 진도
1. colgroup

https://webisfree.com/2015-10-31/%ED%85%8C%EC%9D%B4%EB%B8%94-%ED%83%9C%EA%B7%B8-colgroup-%EC%95%8C%EC%95%84%EB%B3%B4%EA%B8%B0

colgroup 태그는 사용되는 테이블의 컬럼(td 태그)에 적용할 스타일 width와 bakcground를 해당 태그에서 미리 적용할 수 있게 합니다. 특히 각 컬럼의 길이를 설정하는데 가장 많이 쓰입니다.

<table class="page-table1 table-hover">
                <colgroup>
                    <col style = "width:10%">
                    <col style = "width:*">
                    <col style = "width:58%">
                    <col style = "width:*">
                </colgroup>
</table>

col width="*"

Q : 요게 먼 뜻인가요? <col width="*">
A : * = 전체 라는 뜻으로 쓰입니다. 위의 경우엔 col 한개가 이미 15% width 를 가지고 있으니 나머지 85%가 전체가 되겠네요.