[css] CSS 테이블 > 팁앤테크

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>마지막이군요~ INYEON.net</td>
 </tr>
</table>
</div>

추천0