Html
    Css
    Js

    
                        
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;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

table制作的静态日历

更新时间:2019-08-23 16:35:06

使用table制作日历的页面.

0