CSS 부분
#inyeon table {
border-top: 1px solid #555;
border-left: 1px solid #555;
border-collapse: collapse;
}
#inyeon caption {
font-family: Arial, sans-serif;
color: #DD051A;
padding-bottom: 6px;
}
#inyeon th, #inyeon td {
padding: 10px;
border-right: 1px solid #555;
border-bottom: 1px solid #555;
}
#inyeon th {
font-family: Verdana, sans-serif;
font-size: 12px;
background: #ccc;
}
|
| |
HTML 부분
<div id="inyeon">
<table summary="이 표는 CSS 테이블입니다.">
<caption>이 표는 CSS 테이블입니다.</caption>
<tr>
<th>번호</th>
<th>제목</th>
<th>내용</th>
</tr>
<tr>
<td>001</td>
<td>제목 01</td>
<td>내용을 써봅니다. 이렇게~ </td>
</tr>
<tr>
<td>002</td>
<td>제목 02</td>
<td>이곳은 두번째로 쓰는 내용입니다.</td>
</tr>
<tr>
<td>003</td>
<td>제목 03</td>
<td>여긴 세번째!!</td>
</tr>
<tr>
<td>004</td>
<td>제목 04</td>
<td>마지막이군요~ virhac.com</td>
</tr>
</table>
</div> | |