html学生成绩信息表

最新推荐文章于 2024-07-03 00:32:02 发布

comeonzeze-邢泽涛

最新推荐文章于 2024-07-03 00:32:02 发布

阅读量1.3w

点赞数 7

分类专栏： html 文章标签： html学生成绩信息表

本文链接：https://blog.csdn.net/weixin_42321963/article/details/81812852

版权

html 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        div {
            width: 60%;
            margin: 0 auto;
        }

        h3 {
            text-align: center;
        }

        table, tr, td, th {
            text-align: center;
            border: 1px solid gray;
            border-collapse: collapse;
        }

        table {
            width: 100%;
        }

        tr:nth-child(2n) {
            background-color: rgba(88, 73, 65, 0.18);
        }

        tr:hover {
            background-color: rgb(255, 235, 149);
        }

        #tt {
            text-align: right;
            padding-right: 20px;
        }


    </style>


</head>
<body>
<div>
    <table>

        <h3>2016级计算机科学成绩信息表</h3>
        <table>
            <tr>
                <th>学号</th>
                <th>姓名</th>
                <th>专业</th>
                <th>成绩</th>
                <th>基本操作</th>
            </tr>
            <tr>
                <td>201601</td>
                <td>张三</td>
                <td>计算机科学</td>
                <td>85</td>
                <td>删除</td>
            </tr>
            <tr>
                <td>201601</td>
                <td>张三</td>
                <td>计算机科学</td>
                <td>85</td>
                <td>删除</td>
            </tr>
            <tr>
                <td>201601</td>
                <td>张三</td>
                <td>计算机科学</td>
                <td>85</td>
                <td>删除</td>
            </tr>
            <tr>
                <td>201601</td>
                <td>张三</td>
                <td>计算机科学</td>
                <td>85</td>
                <td>删除</td>
            </tr>
            <tr>
                <td>201601</td>
                <td>张三</td>
                <td>计算机科学</td>
                <td>85</td>
                <td>删除</td>
            </tr>
            <tr>
                <td>201601</td>
                <td>张三</td>
                <td>计算机科学</td>
                <td>85</td>
                <td>删除</td>
            </tr>
            <tr>
                <td>201601</td>
                <td>张三</td>
                <td>计算机科学</td>
                <td>85</td>
                <td>删除</td>
            </tr>
            <tr>
                <td>201601</td>
                <td>张三</td>
                <td>计算机科学</td>
                <td>85</td>
                <td>删除</td>
            </tr>
            <tr>
                <td>201601</td>
                <td>张三</td>
                <td>计算机科学</td>
                <td>85</td>
                <td>删除</td>
            </tr>
            <tr>
                <td id="tt" colspan="5">总计：10人，平均分：80</td>
            </tr>
        </table>

    </table>
</div>

</body>
</html>

图片：