CSS 로 table 태그 border padding 설정하기
페이지 정보
작성자 관리자 (61.♡.24.46) 작성일 15-11-27 15:18 조회 3,630 댓글 0본문
[code]
<style>
#table1 {border-collapse:collapse;width:100%;}
#table1 th {border:1px solid #dddddd;padding:5px;background-color:#f4f4f4;width:100px;}
#table1 td {border:1px solid #dddddd;padding:5px;}
</style>
<table id="table1">
<tr><th>제목</th><td>내용</td></tr>
<tr><th>제목</th><td>내용</td></tr>
</table>
<style>
.table2 {border-collapse:collapse;width:100%;}
.table2 th {border:1px solid #dddddd;padding:5px;background-color:#f4f4f4;text-align:center;}
.table2 td {border:1px solid #dddddd;padding:5px;}
</style>
<table class="table2">
<tr><th>제목</th><td>내용</td></tr>
<tr><th>제목</th><td>내용</td></tr>
</table>
[/code]
<style>
#table1 {border-collapse:collapse;width:100%;}
#table1 th {border:1px solid #dddddd;padding:5px;background-color:#f4f4f4;width:100px;}
#table1 td {border:1px solid #dddddd;padding:5px;}
</style>
<table id="table1">
<tr><th>제목</th><td>내용</td></tr>
<tr><th>제목</th><td>내용</td></tr>
</table>
<style>
.table2 {border-collapse:collapse;width:100%;}
.table2 th {border:1px solid #dddddd;padding:5px;background-color:#f4f4f4;text-align:center;}
.table2 td {border:1px solid #dddddd;padding:5px;}
</style>
<table class="table2">
<tr><th>제목</th><td>내용</td></tr>
<tr><th>제목</th><td>내용</td></tr>
</table>
[/code]
추천0
댓글목록 0
등록된 댓글이 없습니다.