css定义表格样式

css定义表格样式

        table.gridtable {
            font-family: verdana,arial,sans-serif;
            font-size:11px;
            color:#333333;
            border-width: 1px;
            border-color: #a9a9a9;
            border-collapse: collapse;
        }
        table.gridtable th {
            border-width: 1px;
            padding: 8px 5px;
            border-style: solid;
            border-color: #a9a9a9;
            background-color: #f0f0f0;
            text-align: center;;
        }
        table.gridtable td {
            border-width: 1px;
            padding: 8px 5px;
            border-style: solid;
            border-color: #a9a9a9;
            background-color: #ffffff;
            text-align: center;;
        }

html代码

<table class="gridtable"
    <tr>
        <th>标签</th>
    </tr>
    <tr>
        <td>10221</td>
    </tr>
</table>

效果如下：

posted on 2016-08-01 09:49 hllive 阅读( ...) 评论( ...) 编辑 收藏

转载于:https://www.cnblogs.com/hllive/p/5724710.html