<table>
      <thead><tr><th>项目名称</th><th>出访国家(地区)</th></tr></thead>
      <tbody class="applytable">
            <tr>　　　　　　　　　　<td><div>美国金融硕士联合培养项目</div></td>　　　　　　　　　　<td><div>美国</div></td>　　　　　　　　　　　</tr>
      </tbody>
</table>



<style>
table{
    width: 100%;
    border-collapse: collapse;
}

table caption{
    font-size: 2em;
    font-weight: bold;
    margin: 1em 0;
}

th,td{
    border: 1px solid #999;
    text-align: center;
    padding: 20px 0;
}

table thead tr{
    background-color: #116FAD;
    color: #fff;
}

table tbody tr:nth-child(odd){
    background-color: #eee;
}

table tbody tr:hover{
    background-color: #ccc;
}

table tbody tr td:first-child{
    color: #f40;
}

table tfoot tr td{
    text-align: right;
    padding-right: 20px;
}


	</style>

转载请注明：css样式» 自适应表格