0.效果预览
简易
只实现了日历最基础的功能,当前日期红色显示,可通过上方的左右按钮查看上一月或下一月的日期。
1.HTML部分
<
>
2.CSS部分
#cldFrame{
position: relative;
width: 440px;
margin: 50px auto;
}
#cldBody{
margin: 10px;
position: absolute;
width: 420px;
}
#top{
position: relative;
height: 60px;
text-align: center;
line-height: 60px;
}
#topDate{
font-size: 30px;
}
.curDate{
color: red;
font-weight: bold;
}
table{
background-color: #f7f7f7;
}
#week td{
font-size: 15px;
}
td{
height: 60px;
width: 60px;
text-align: center;
font-family: Simsun;
font-size: 20px;
}
#left, #right{
position: absolute;
width: 60px;