如何创建这样的HTML列标题?

如何创建这样的HTML列标题?,html,html-table,Html,Html Table,我要创建的HTML表 我唯一的问题是如何得到周一周二等的专栏标题 td{ 高度:100px; 宽度:100px; } 可打印日历2017年1月可从www.getmeacendar.com获得 一月 1. 2. 3. 4. 5. 6. 7. 8. 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 笔记: 使用CSS隐藏边框: 表格{ 边界塌陷:塌陷; } 运输署{ 边界:薄固体; } 诺伯德{ 边界:无;

我要创建的HTML表

我唯一的问题是如何得到周一周二等的专栏标题


td{
高度:100px;
宽度:100px;
}
可打印日历2017年1月可从www.getmeacendar.com获得
一月
1.
2.
3.
4.
5.
6.
7.
8.
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
笔记:

使用CSS隐藏边框:

表格{
边界塌陷:塌陷;
}
运输署{
边界:薄固体;
}
诺伯德{
边界:无;
}

星期一
星期二
星期三
1.
2.
3.

编辑:抱歉,刚刚看到图像,此代码就可以了

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <style type="text/css">

td { 
    height: 100px;
    width: 100px;
    border: 1px solid black;
}

.header td {
    height: 20px;
    border: none;
}

table {
    border: none;
}
</style>
</head>
<body>
    <center>
<table border="1" cellspacing="0" >
    <caption style="text-align:right;" align="bottom" >Printable Calender January 2017 available from www.getmeacalender.com</captio>
    <tbody>
    <tr class="header">
        <td align="left" valign="top">Sun</td>
        <td align="left" valign="top">Mon</td>
        <td align="left" valign="top">Tue</td>
        <td align="left" valign="top">Wed</td>
        <td align="left" valign="top">Thu</td>
        <td align="left" valign="top">Fri</td>
        <td align="left" valign="top">Sat</td>        

    </tr>
    <tr>
        <td colspan="4" align="center"  valign="middle"  style="font-weight:bold; font-size:70pt; ">January</td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td align="left" valign="top">1</td>
        <td align="left" valign="top">2</td>
        <td align="left" valign="top">3</td>
        <td align="left" valign="top">4</td>
        <td align="left" valign="top">5</td>
        <td align="left" valign="top">6</td>
        <td align="left" valign="top">7</td>        

    </tr>
        <tr>
        <td align="left" valign="top">8</td>
        <td align="left" valign="top">9</td>
        <td align="left" valign="top">10</td>
        <td align="left" valign="top">11</td>
        <td align="left" valign="top">12</td>
        <td align="left" valign="top">13</td>
        <td align="left" valign="top">14</td>       

    </tr>
        <tr>
        <td align="left" valign="top">15</td>
        <td align="left" valign="top">16</td>
        <td align="left" valign="top">17</td>
        <td align="left" valign="top">18</td>
        <td align="left" valign="top">19</td>
        <td align="left" valign="top">20</td>
        <td align="left" valign="top">21</td>       

    </tr>
        <tr>
        <td align="left" valign="top">22</td>
        <td align="left" valign="top">23</td>
        <td align="left" valign="top">24</td>
        <td align="left" valign="top">25</td>
        <td align="left" valign="top">26</td>
        <td align="left" valign="top">27</td>
        <td align="left" valign="top">28</td>


    </tr>
        <tr>
        <td align="left" valign="top">29</td>
        <td align="left" valign="top">30</td>
        <td align="left" valign="top">31</td>
        <td align="left" valign="top" colspan="4">Notes:</td>       

    </tr>
</tbody>
</table>
</caption>
</body>
</html>

td{
高度:100px;
宽度:100px;
边框:1px纯黑;
}
.标题td{
高度:20px;
边界:无;
}
桌子{
边界:无;
}
可打印日历2017年1月可从www.getmeacendar.com获得
太阳
周一
星期二
结婚
清华大学
星期五
坐
一月
1.
2.
3.
4.
5.
6.
7.
8.
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
笔记:

提供您尝试过的代码。我可以,但网站不允许我。第一个问题:您的问题看起来很像家庭作业。第二个问题:只需将问题的代码部分缩进四个空格,以便下次在代码框中显示。我添加了我的代码。