一 | 二 | 三 | 四 | 五 | 六 | 日 |
---|---|---|---|---|---|---|
29 廿七 |
30 廿八 |
31 廿九 |
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 初二 |
1 初三 |
table { margin:50px auto; border:1px solid black; cursor:pointer; padding:10px; } span { text-align:center; display:block; padding:20px; font-size:18px; } i { font-style:normal; font-size:12px; } th,td { border-bottom:2px solid black; } td>span:hover { transition:all .2s ease-in; border-left-color:chocolate; border-right-color:violet; border-right-color:teal; border-top-color:crimson; /* 这个位置的 padding 要比上面span的padding 有一定的缩小 可以注释看这个效果 */ padding:17px; border-width:3px; border-style:dotted; }
更新时间:2019-08-23 16:35:06
使用table制作日历的页面.