html5 做一个月历表怎么设置颜色的深浅

html5 做一个月历表怎么设置颜色的深浅,第1张

/* 整体设置 */*{margin:0pxpadding:0px} /** * 设置日历的大小 */.calendar{  width: 240px  height: 400px  display: block} /** * 设置日历顶部盒子 */.calendar .calendar-title-box{  position: relative  width: 100%  height: 36px  line-height: 36px  text-align:center  border-bottom: 1px solid #ddd} /** * 设置上个月的按钮图标 */.calendar .prev-month {  position: absolute  top: 12px  left: 0px  display: inline-block  width: 0px  height: 0px  border-left: 0px  border-top: 6px solid transparent  border-right: 8px solid #999  border-bottom: 6px solid transparent  cursor: pointer} /** * 设置下个月的按钮图标 */.calendar .next-month {  position: absolute  top: 12px  right: 0px  display: inline-block  width: 0px  height: 0px  border-right: 0px  border-top: 6px solid transparent  border-left: 8px solid #999  border-bottom: 6px solid transparent  cursor: pointer}  /* 设置日历表格样式 */.calendar-table{  width: 100%  border-collapse: collapse  text-align:center} /* 表格行高 */.calendar-table tr{  height: 30px  line-height: 30px} /* 当前天 颜色特殊显示 */.currentDay {  color: red} /* 本月 文字颜色 */.currentMonth {  color: #999} /* 其他月颜色 */.otherMonth{  color: #ede}

1、首先画5条直线,如图所示:

2、因为明年一月份是2021年1月,2021年一月的1号是星期五,所以在第一行的第五格写上1,如此类推,明年一月份的月历就做好了。如图所示:

月历,现指一月一页的历书,古时指史官记载下一个月所要做的政事的书册。2013年7月15日,英国伯明翰大学所领导的考古团队宣称,他们在苏格兰阿伯丁郡发现了人类历史上最早的“月历”,这一古老的历史遗迹是由史前猎人于1万年前建造的。

月历,挂历、台历、撕历、吊历、吊牌的统称,泛指所有挂历台历产品。

(1) [monthly calendar]∶一月一页的历书。

(2) [book]∶古时指史官记载下一个月所要做的政事的书册。

(3)区分:通常生活中说的“月历”并不是“阴历”。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7373134.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-04
下一篇 2023-04-04

发表评论

登录后才能评论

评论列表(0条)

保存