유형2 (temp_tb_type2)

다운로드

CSS Code

.temp_tb_type2{width:100%; border-top:2px solid #616161;}

.temp_tb_type2 th{padding:7px 0; border-right:1px solid #E4E4E4; border-bottom:1px solid #E4E4E4;}

.temp_tb_type2 th.leftline, td.leftline{border-left:1px solid #E4E4E4;}

.temp_tb_type2 td{padding:7px 7px 7px 20px; border-right:1px solid #E4E4E4; border-bottom:1px solid #E4E4E4; text-align:center;}

/* Layout Color - 실제 서비스 적용 후 아래 코드는 삭제 하세요 */

.temp_tb_type2 th.bgcr, td.bgcr{background:#ddd;}

<table class="temp_tb_type2" summary="일자별 항목이용내역을 나타내는 표이다.">

<caption>일자별 항목 이용내역</caption>

<colgroup>

<col width="50%"/>

</colgroup>

<thead>

<tr>

<th scope="col" class="leftline bgcr">일자</th>

<th scope="col"class="bgcr">항목</th>

</tr>

</thead>

<tbody>

<tr>

<td class="leftline align_center">2014.01.01</td>

<td>20</td>

</tr>

<tr>

<td class="leftline align_center">2014.01.02</td>

<td>50</td>

</tr>

<tr>

<td class="leftline align_center">2014.01.03</td>

<td>20</td>

</tr>

<tr>

<td class="leftline align_center">2014.01.04</td>

<td>50</td>

</tr>

</tbody>

</table>