CSS 로 table 태그 border padding 설정하기 > 개발

• 목록

• 페이스북 공유
• 트위터 공유

[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