사이트 내 전체검색
웹표준 CSS TABLE (테이블)
로빈아빠
https://cmd.kr/html/89 URL이 복사되었습니다.

본문

  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>

댓글목록

등록된 댓글이 없습니다.

Search

Copyright © Cmd 명령어 18.119.167.189