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

본문 바로가기

사이트 내 전체검색

뒤로가기 팁앤테크

[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

댓글목록 1

pahs님의 댓글

pahs쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 작성일

감사합니다.

전체 825건 26 페이지
게시물 검색
Copyright (c) 株式会社YHPLUS. All rights reserved.

사이트 정보

株式会社YHPLUS / 대표 : ZERO
〒171-0014 東京都豊島区池袋2-41-5 アーバン154 8F
050-5539-7787
오픈카카오톡 (YHPLUS) :
https://open.kakao.com/o/slfDj15d

PC 버전으로 보기