샘플

<style>

.wz_tbl_1,.wz_tbl_1 th,.wz_tbl_1 td{border:0;}

.wz_tbl_1{width:340px;text-align:center;margin: 7px 0 0px;}

.wz_tbl_1 table {clear:both;width:100%;border-collapse:collapse;border-spacing:0;}

.wz_tbl_1 tbody, .wz_tbl_1 tr, .wz_tbl_1 td {vertical-align:middle}

.wz_tbl_1 caption{display:none}

.wz_tbl_1 th{padding:10px 0;border:2px solid #dcdcdc;color:#666;text-align:center;font-family:'돋움',dotum;font-size: 0.95em;letter-spacing: -1px;font-weight:bold;background-color: #fbfbfb;}

.wz_tbl_1 td{padding:7px 0;border:1px solid #e5e5e5;color:#4c4c4c;font-family: '돋움',Dotum,Verdana,applegothic;line-height: 1.5;font-size: 0.95em;letter-spacing: -1px;}

.wz_tbl_1 th span.last:after {border:none;}

.wz_tbl_1 td .numberic {text-align:right;padding-right:4px;}

</style>

<div class="wz_tbl_1">

<table>

<caption>판매가격 입력</caption>

<thead>

<tr>

    <th scope="col" width="30%;">번호</th>

    <th scope="col" width="40%;">이름</th>

    <th scope="col" width="30%;">금액</th>

</tr>

</thead>

<tbody>

<tr>

    <td>100</td>

    <td>홍길동</td>

    <td>10,000</td>

</tr>

<tr>

    <td>100</td>

    <td>홍길동</td>

    <td>10,000</td>

</tr>

<tr>

    <td>100</td>

    <td>홍길동</td>

    <td>10,000</td>

</tr>

<tr>

    <td>100</td>

    <td>홍길동</td>

    <td>10,000</td>

</tr>

</tbody>

<thead>

<tr>

    <th colspan="2">총합</th>

    <th>10,000</th>

</tr>

</thead>

</table>

</div>

적용된 결과물