通用table样式

最新推荐文章于 2024-04-19 20:39:07 发布

weixin_30852367

最新推荐文章于 2024-04-19 20:39:07 发布

阅读量265

点赞数

文章标签：前端 ViewUI

原文链接：http://www.cnblogs.com/Jackie-sky/p/3949080.html

版权

<html>
<head>
    <title>通用table样式</title>
    <style type="text/css">
        body, table
        {
            font-size: 12px;
        }
        table
        {
            table-layout: fixed;
            empty-cells: show;
            border-collapse: collapse;
            margin: 0 auto;
        }
        td
        {
            height: 30px;
        }
        h1, h2, h3
        {
            font-size: 12px;
            margin: 0;
            padding: 0;
        }
        .table
        {
            border: 1px solid #cad9ea;
            color: #666;
        }
        .table th
        {
            background-repeat: repeat-x;
            height: 30px;
        }
        .table td, .table th
        {
            border: 1px solid #cad9ea;
            padding: 0 1em 0;
        }
        .table tr.alter
        {
            background-color: #f5fafe;
        }
    </style>
</head>
<body>
    <table width="90%" class="table">
        <tr>
            <th>学号</th>
            <th>姓名</th>
            <th>平时</th>
            <th>期中</th>
            <th>实验（践）</th>
            <th>其它</th>
            <th>期末</th>
            <th>总评</th>
        </tr>
        <tr>
            <td>1</td>
            <td>1</td>
            <td>1</td>
            <td>1</td>
            <td>1</td>
            <td>1</td>
            <td>1</td>
            <td>1</td>
        </tr>
        <tr class="alter">
            <td>2</td>
            <td>2</td>
            <td>2</td>
            <td>2</td>
            <td>2</td>
            <td>2</td>
            <td>2</td>
            <td>2</td>
        </tr>
        <tr>
            <td>3</td>
            <td>3</td>
            <td>3</td>
            <td>3</td>
            <td>3</td>
            <td>3</td>
            <td>3</td>
            <td>3</td>
        </tr>
        <tr class="alter">
            <td>4</td>
            <td>4</td>
            <td>4</td>
            <td>4</td>
            <td>4</td>
            <td>4</td>
            <td>4</td>
            <td>4</td>
        </tr>
    </table>
</body>
</html>

转载于:https://www.cnblogs.com/Jackie-sky/p/3949080.html

weixin_30852367

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
通用table样式

<html><head> <title>通用table样式</title> <style type="text/css"> body, table { font-size: 12px; } table ...
复制链接

扫一扫