（二）html 復雜表格-有解無憂

在這里插入圖片描述

<!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; /*border-collapse:collapse合并內外邊距(去除表格單元格默認的2個像素內外邊距*/
        }
        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>

花狗Fdog_

CSDN認證博客專家 Qt C C++

敲代碼就是這樣，隨著時間的推移，來來回回不斷重復，
對待問題的看法，邏輯的推理，思維的跳躍，
從不會到實作，再到不滿足再實作，
可執行檔案不是你的財富，修改程序中的經驗才是，
我是花狗Fdog，自學C/C艸/QT，
一年成為博客專家，一個有想法的大專生，

轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/198377.html

標籤：其他

上一篇：隨筆 | 有些事情沒有為什么

下一篇：分享一篇來自小帥的真實經歷以及人生感悟