表格边框

为什么80%的码农都做不了架构师？>>>   

仿京东商城--我的订单
html

<table border="0" cellpadding="0" cellspacing="0" align="center">
                    <tr class="tb_title">
                        <td> 记录时间 </td>
                        <td> 积分 </td>
                        <td> 积分类型 </td>
                        <td> 积分说明 </td>
                    </tr><tr>
                            <td > 2012-01-01 00：00：00</td>
                            <td > 10 </td>
                            <td > 赠送 </td>
                            <td > 积分说明 </td>
                        </tr>
　　　　　　　　　　　　　　<tr>
                            <td colspan="5">
                                <a >首页</a><a >上一页</a><a >@pagenum</a><a >下一页</a><a >末页</a>
                            </td>
                        </tr>
　　　　　　　　</table>

css

.page_main table
{
    border-color: #d8d8d8;
    border-spacing: 0px;
    border-collapse: collapse;
    border-width: 0px 1px 1px 1px;
    zoom: 1;
}
.page_main table tr
{
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
    height: 40px;
}
.page_main table tr td
{
    display: table-cell;
    border: solid #d8d8d8;
    border-width: 1px 1px 1px 1px;
    width: 150px;
    text-align: center;
    font-size: 13px;
    color: #3b3b3b;
}

结果：

转载于:https://my.oschina.net/garyun/blog/602793