Skip to main content
2008.09.30 15:39

[펌] 테이블 디자인 관련

(*.233.123.176) 조회 수 8115 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
 <style type="text/css">
<!--
 #container {
  width: 100%;
  font-size: 12px;
  line-height: 20px;
  }
 #container table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
  line-height: 20px;
  }
 #container th {
  padding: 10px;
  border: #d3d3d3 solid 1px;
  text-align: center;
  background: #F4F4FF;
  }
 #container td {
  padding: 10px;
  border: #d3d3d3 solid 1px;
  text-align: left;
  }
 #container tfoot td {
  padding: 10px;
  border: #d3d3d3 solid 1px;
  text-align: center;
  }
-->
</style>

 <div id="container">
  <table>
   <caption>Table 설명, Title을 표기합니다.</caption>
   <colgroup>
    <col style="width:25%;" />
    <col style="width:40%;" />
    <col style="width:40%;" />
   </colgroup>
   <thead>
    <tr>
     <th>Header - Title</th>
     <td>Header - Content 1</td>
     <td>Header - Content 2</td>
    </tr>
   </thead>
   <tbody>
    <tr>
     <th>Body1 - Title</th>
     <td>Body1 - Content 1</td>
     <td>Body1 - Content 2</td>
    </tr>
    <tr>
     <th>Body2 - Title</th>
     <td>Body2 - Content 1</td>
     <td>Body2 - Content 2</td>
    </tr>
   </tbody>
   <tfoot>
    <tr>
     <td colspan="3">Footer (꼬릿말, 부가설명)</td>
    </tr>
   </tfoot>
  </table>

  <table>
   <!--caption>Table 설명, Title을 표기합니다.</caption-->
   <colgroup>
    <col style="width:25%;" />
    <col style="width:40%;" />
    <col style="width:40%;" />
   </colgroup>
   <thead>
    <tr>
     <th>Header - Title</th>
     <td>Header - Content 1</td>
     <td>Header - Content 2</td>
    </tr>
   </thead>
   <tbody>
    <tr>
     <th>Body1 - Title</th>
     <td>Body1 - Content 1</td>
     <td>Body1 - Content 2</td>
    </tr>
    <tr>
     <th>Body2 - Title</th>
     <td>Body2 - Content 1</td>
     <td>Body2 - Content 2</td>
    </tr>
   </tbody>
   <tfoot>
    <!--tr>
     <td colspan="3">Footer (꼬릿말, 부가설명)</td>
    </tr-->
   </tfoot>
  </table>
 </div>


TAG •

List of Articles
카테고리 제목 조회 수
검색엔진 검색엔진 최적화(SEO) 관련 정리 1 1845
운영체제 윈도우7 가상시디 구동 포터블(Portable) 프로그램 3795
운영체제 무료 SSL 인증서 발급 및 웹서버에 https 적용하는 방법 (www.startssl.com) file 6187
하드웨어 2010년 5월 LCD 모니터 골라보자~ 6467
Flash Flash(플래시) SWF Decompiler VS Encrypt 9764
운영체제 윈도우 XP 프린트 공유된 컴퓨터 접속이 잘 안될때 해결법 9916
운영체제 윈도우 원격접속 옵션 설정하기 10840
Javascript 부모창과 함께 닫히는 팝업창 2 8535
운영체제 컴맹 탈출하기 (이정도는 알아야 컴맹에서 벗어날수 있다?) 2253
WAVE를 통해 웹페이지의 접근성 관련 정보를 한눈에 알아보자! 7148
운영체제 iis의 asp.net 다시 재 세팅하기 6100
[펌] PHP 함수 모음 file 7971
html img 태그의 alt과 title 속성 9706
Javascript left, right 함수 구현하기 9380
검색엔진 구글 크롬(Chrome)이 다운되면 이런 메세지를 뿌린다. ㅋㅋ file 10874
cs3 설치이후 이상한 프로세서가 상주한다! 7583
[펌] 윈도우 인쇄미리보기 스크립트 file 11136
[펌] 실전 웹 표준 가이드 file 9582
[펌] 테이블 디자인 관련 8115
[CSS] dl,dt,dd 가로 배열에 대한 방식 14978
Board Pagination Prev 1 2 Next
/ 2