如何创建这样的HTML列标题?
我要创建的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隐藏边框: 表格{ 边界塌陷:塌陷; } 运输署{ 边界:薄固体; } 诺伯德{ 边界:无;
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
笔记:
提供您尝试过的代码。我可以,但网站不允许我。第一个问题:您的问题看起来很像家庭作业。第二个问题:只需将问题的代码部分缩进四个空格,以便下次在代码框中显示。我添加了我的代码。