colgroup 태그

colgroup태그는 table태그에서 각 열의 셀의 스타일을 일률적으로 적용하기 위한 태그. table태그나 caption태그 밑에 들어가고 다른 table태그보다 위에 위치한다.

 

<table>
	<caption>매출현황</caption>
	<colgroup>
		<col style="background-color: chartreuse">
		<col span="4" style="background-color: aquamarine">
		<col style="background-color: coral">
	</colgroup>
	<tr style="background-color: cadetblue">
		<th>지역</th>
		<th>1분기</th>
		<th>2분기</th>
		<th>3분기</th>
		<th>4분기</th>
		<th>합계</th>
	</tr>
	<tr>
		<td>서울</td>
		<td>1,800</td>
		<td>2,300</td>
		<td>1,700</td>
		<td>2,600</td>
		<td>7,400</td>
	</tr>
	<tr>
		<td>부산</td>
		<td>2,600</td>
		<td>2,800</td>
		<td>3,200</td>
		<td>2,800</td>
		<td>11,400</td>
	</tr>
</table>