必威体育Betway必威体育官网
当前位置:首页 > IT技术

html学生成绩信息表

时间:2019-10-25 04:14:33来源:IT技术作者:seo实验室小编阅读:52次「手机版」
 

成绩表

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

        p {
            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>
<p>
    <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>
</p>

</body>
</html>

图片:

文章最后发布于: 2018-08-18 20:58:08

相关阅读

史维学表示终身学习,是科技的使命

史维学是计算机科学博士,在IT行业有着独到的见解,史维学表示人工智能(AI)和自动化技术已经开始影响我们的工作和日常生活。人工智能

Ajax请求与表单提交的区别

Form表单提交 <form action="ajaxTest.json" method="post"> <input type="text" name="username"> <input type="pas

PY27 RE匹配 输入账号密码获取盐城工学院教务系统成绩

# coding:utf-8 # 盐工教务系统 import urllib2,urllib import cookielib,re #临时存储学生cookie stuCookie='' #声明一个Cook

如何制表与填表人的需求

简单解释一下几个关键词精细化:根据需求来定,尽可能以选择题形式,并且选项足够有区分度;温馨提示:比如大概会耽误多少时间,类似南方周末

笔记9:EL表达式

EL表达式 1. 概念:Expression Language 表达式语言 2. 作用:替换和简化jsp页面中java代码的编写 3. 语法:${表达式} 4. 注意: * jsp

分享到:

栏目导航

推荐阅读

热门阅读