开发者社区开发与运维文章正文

表格边框

2012-12-19 760

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： 仿京东商城--我的订单html 记录时间积分积分类型 ...

仿京东商城--我的订单
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;
}