(二)html 复杂表格

   日期:2020-10-31     浏览:89    评论:0    
核心提示:<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>程序员之美</title> <meta charset="utf-8" /> <style type="text/css"> t...

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>程序员之美</title>
	<meta charset="utf-8" />
    <style type="text/css">  table {  width: 90%; background: #ccc; margin: 10px auto; border-collapse: collapse;  } th, td {  height: 25px; line-height: 25px; text-align: center; border: 1px solid #ccc; } th {  background: #eee; font-weight: normal; } tr {  background: #fff; } tr:hover {  background: #D1FFFC; } td a {  color: #06f; text-decoration: none; } td a:hover {  color: #06f; text-decoration: underline; } </style>
</head>
<body>

    <table border="1" width="100%" height="100" cellspacing="0" cellpadding="5">
        <tr>
            <th rowspan="2">最近修改日期</th>
            <th colspan="20">国家励志奖学金候选人名单</th>
        </tr>
        <tr>
            <th>姓名</th>
            <th>分院</th>
            <th>学号</th>
            <th>曾获奖项</th>
            <th>职位描述</th>
            <th>操作</th>
        </tr>
        <tr>
            <td>2020-10-30</td>
            <td>张旭</td>
            <td>信息技术学院</td>
            <td>1902320136</td>
            <td>博客专家,蓝桥杯二等奖,博客大赛二等奖</td>
            <td><a href="www.baidu.com">点击查看</a></td>
            <td><a href="www.baidu.com">编辑</a> <a href="www.baidu.com">删除</a></td>
        </tr>
        <tr>
            <td>2020-10-30</td>
            <td>李四</td>
            <td>信息技术学院</td>
            <td>3212320136</td>
            <td>英语比赛一等奖,CAD编程二等奖,博客大赛二等奖</td>
            <td><a href="www.baidu.com">点击查看</a></td>
            <td><a href="www.baidu.com">编辑</a> <a href="www.baidu.com">删除</a></td>
        </tr>
        <tr>
            <td>2020-10-30</td>
            <td>张飞</td>
            <td>医学技术学院</td>
            <td>3212320136</td>
            <td>博客专家,英语四级</td>
            <td><a href="www.baidu.com">点击查看</a></td>
            <td><a href="www.baidu.com">编辑</a> <a href="www.baidu.com">删除</a></td>
        </tr>
        <tr>
            <td>2020-10-30</td>
            <td>于飞</td>
            <td>建筑与工程技术学院</td>
            <td>3212320136</td>
            <td>英语比赛三等奖,普通话二级,云+社区作者</td>
            <td><a href="www.baidu.com">点击查看</a></td>
            <td><a href="www.baidu.com">编辑</a> <a href="www.baidu.com">删除</a></td>
        </tr>
        <tr>
            <td>2020-10-30</td>
            <td>张静</td>
            <td>药学技术学院</td>
            <td>3212320136</td>
            <td>博客大赛一等奖,计算机二级</td>
            <td><a href="www.baidu.com">点击查看</a></td>
            <td><a href="www.baidu.com">编辑</a> <a href="www.baidu.com">删除</a></td>
        </tr>
        <tr>
            <td>2020-10-30</td>
            <td>于静</td>
            <td>信息技术学院</td>
            <td>3212320136</td>
            <td>英语四级,计算机四级</td>
            <td><a href="www.baidu.com">点击查看</a></td>
            <td><a href="www.baidu.com">编辑</a> <a href="www.baidu.com">删除</a></td>
        </tr>
    </table>
</body>
</html>

 
打赏
 本文转载自:网络 
所有权利归属于原作者,如文章来源标示错误或侵犯了您的权利请联系微信13520258486
更多>最近资讯中心
更多>最新资讯中心
0相关评论

推荐图文
推荐资讯中心
点击排行
最新信息
新手指南
采购商服务
供应商服务
交易安全
关注我们
手机网站:
新浪微博:
微信关注:

13520258486

周一至周五 9:00-18:00
(其他时间联系在线客服)

24小时在线客服