表格边框

仿京东商城--我的订单
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;
}
结果:
上一篇:《安娜卡列尼娜》文本生成——利用 TensorFlow 构建 LSTM 模型


下一篇:《C和C++程序员面试秘笈》——1.11 include head.h和include "head.h" 有什么区别