米字格边框底色五一劳动节边框日历正文

美化源代码
复制源代码
源代码
<section style="margin:10px 0px;text-align:center;"><section style="text-align:center;"><section style="background-color:#fefefe;display:inline-block;"><section style="width:49px;margin:0px auto -6px;"><img src="https://cdn.file.mixinnet.cn/htmlImg/ece54be91f19d486ca32afef914a6e00.png" style="display:block;width:100%;height:auto;"></section><section style="display:flex;justify-content:center;align-items:flex-end;"><section style="display:flex;justify-content:center;align-items:center;"><section><section style="width:42px;height:42px;text-align:center;"><section style="width:39px;height:39px;border-width:1px;border-style:solid;border-color:#ce231b;overflow:hidden;display:inline-block;vertical-align:top;box-sizing:border-box;"><section style="box-sizing:border-box;"><section style="width:19px;height:19px;float:left;border-bottom:1px solid #f2f2f2;border-right:1px solid #f2f2f2;box-sizing:border-box;"></section><section style="transform-origin:0px 100% 0px;-webkit-transform-origin:0px 100% 0px;-moz-transform-origin:0px 100% 0px;-o-transform-origin:0px 100% 0px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);float:right;margin-right:-8px;box-sizing:border-box;"><section style="border-bottom:1px solid #f2f2f2;border-left:1px solid #f2f2f2;width:26px;height:26px;box-sizing:border-box;margin-top:-9px;"></section></section></section><section style="box-sizing:border-box;"><section style="transform-origin:100% 0% 0px;-webkit-transform-origin:100% 0% 0px;-moz-transform-origin:100% 0% 0px;-o-transform-origin:100% 0% 0px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);float:left;margin-left:-25px;box-sizing:border-box;"><section style="width:26px;height:26px;border-top:1px solid #f2f2f2;border-right:1px solid #f2f2f2;box-sizing:border-box;"></section></section><section style="width:19px;height:21px;float:left;margin:-1px;border-top:1px solid #f2f2f2;border-left:1px solid #f2f2f2;box-sizing:border-box;"></section></section></section><section style="transform:translate(0px);-webkit-transform:translate(0px);-moz-transform:translate(0px);-o-transform:translate(0px);display:inline-block;vertical-align:top;box-sizing:border-box;margin-top:-32px;"><section style="width:42px;height:39px;box-sizing:border-box;"><section style="font-size:22px;color:#d50000;box-sizing:border-box;letter-spacing:1px;line-height:26px;"><p>放</p></section></section></section></section></section><section style="margin-left:5px;"><section style="width:42px;height:42px;text-align:center;"><section style="width:39px;height:39px;border-width:1px;border-style:solid;border-color:#ce231b;overflow:hidden;display:inline-block;vertical-align:top;box-sizing:border-box;"><section style="box-sizing:border-box;"><section style="width:19px;height:19px;float:left;border-bottom:1px solid #f2f2f2;border-right:1px solid #f2f2f2;box-sizing:border-box;"></section><section style="transform-origin:0px 100% 0px;-webkit-transform-origin:0px 100% 0px;-moz-transform-origin:0px 100% 0px;-o-transform-origin:0px 100% 0px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);float:right;margin-right:-8px;box-sizing:border-box;"><section style="border-bottom:1px solid #f2f2f2;border-left:1px solid #f2f2f2;width:26px;height:26px;box-sizing:border-box;margin-top:-9px;"></section></section></section><section style="box-sizing:border-box;"><section style="transform-origin:100% 0% 0px;-webkit-transform-origin:100% 0% 0px;-moz-transform-origin:100% 0% 0px;-o-transform-origin:100% 0% 0px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);float:left;margin-left:-25px;box-sizing:border-box;"><section style="width:26px;height:26px;border-top:1px solid #f2f2f2;border-right:1px solid #f2f2f2;box-sizing:border-box;"></section></section><section style="width:19px;height:21px;float:left;margin:-1px;border-top:1px solid #f2f2f2;border-left:1px solid #f2f2f2;box-sizing:border-box;"></section></section></section><section style="transform:translate(0px);-webkit-transform:translate(0px);-moz-transform:translate(0px);-o-transform:translate(0px);display:inline-block;vertical-align:top;box-sizing:border-box;margin-top:-32px;"><section style="width:42px;height:39px;box-sizing:border-box;"><section style="font-size:22px;color:#d50000;box-sizing:border-box;letter-spacing:1px;line-height:26px;"><p>假</p></section></section></section></section></section><section style="margin-left:5px;"><section style="width:42px;height:42px;text-align:center;"><section style="width:39px;height:39px;border-width:1px;border-style:solid;border-color:#ce231b;overflow:hidden;display:inline-block;vertical-align:top;box-sizing:border-box;"><section style="box-sizing:border-box;"><section style="width:19px;height:19px;float:left;border-bottom:1px solid #f2f2f2;border-right:1px solid #f2f2f2;box-sizing:border-box;"></section><section style="transform-origin:0px 100% 0px;-webkit-transform-origin:0px 100% 0px;-moz-transform-origin:0px 100% 0px;-o-transform-origin:0px 100% 0px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);float:right;margin-right:-8px;box-sizing:border-box;"><section style="border-bottom:1px solid #f2f2f2;border-left:1px solid #f2f2f2;width:26px;height:26px;box-sizing:border-box;margin-top:-9px;"></section></section></section><section style="box-sizing:border-box;"><section style="transform-origin:100% 0% 0px;-webkit-transform-origin:100% 0% 0px;-moz-transform-origin:100% 0% 0px;-o-transform-origin:100% 0% 0px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);float:left;margin-left:-25px;box-sizing:border-box;"><section style="width:26px;height:26px;border-top:1px solid #f2f2f2;border-right:1px solid #f2f2f2;box-sizing:border-box;"></section></section><section style="width:19px;height:21px;float:left;margin:-1px;border-top:1px solid #f2f2f2;border-left:1px solid #f2f2f2;box-sizing:border-box;"></section></section></section><section style="transform:translate(0px);-webkit-transform:translate(0px);-moz-transform:translate(0px);-o-transform:translate(0px);display:inline-block;vertical-align:top;box-sizing:border-box;margin-top:-32px;"><section style="width:42px;height:39px;box-sizing:border-box;"><section style="font-size:22px;color:#d50000;box-sizing:border-box;letter-spacing:1px;line-height:26px;"><p>通</p></section></section></section></section></section><section style="margin-left:5px;"><section style="width:42px;height:42px;text-align:center;"><section style="width:39px;height:39px;border-width:1px;border-style:solid;border-color:#ce231b;overflow:hidden;display:inline-block;vertical-align:top;box-sizing:border-box;"><section style="box-sizing:border-box;"><section style="width:19px;height:19px;float:left;border-bottom:1px solid #f2f2f2;border-right:1px solid #f2f2f2;box-sizing:border-box;"></section><section style="transform-origin:0px 100% 0px;-webkit-transform-origin:0px 100% 0px;-moz-transform-origin:0px 100% 0px;-o-transform-origin:0px 100% 0px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);float:right;margin-right:-8px;box-sizing:border-box;"><section style="border-bottom:1px solid #f2f2f2;border-left:1px solid #f2f2f2;width:26px;height:26px;box-sizing:border-box;margin-top:-9px;"></section></section></section><section style="box-sizing:border-box;"><section style="transform-origin:100% 0% 0px;-webkit-transform-origin:100% 0% 0px;-moz-transform-origin:100% 0% 0px;-o-transform-origin:100% 0% 0px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);float:left;margin-left:-25px;box-sizing:border-box;"><section style="width:26px;height:26px;border-top:1px solid #f2f2f2;border-right:1px solid #f2f2f2;box-sizing:border-box;"></section></section><section style="width:19px;height:21px;float:left;margin:-1px;border-top:1px solid #f2f2f2;border-left:1px solid #f2f2f2;box-sizing:border-box;"></section></section></section><section style="transform:translate(0px);-webkit-transform:translate(0px);-moz-transform:translate(0px);-o-transform:translate(0px);display:inline-block;vertical-align:top;box-sizing:border-box;margin-top:-32px;"><section style="width:42px;height:39px;box-sizing:border-box;"><section style="font-size:22px;color:#d50000;box-sizing:border-box;letter-spacing:1px;line-height:26px;"><p>知</p></section></section></section></section></section></section></section></section></section><section style="border:Solid 1px #ce231b;margin-top:-22px;padding:30px 12px 12px;"><section style="background-color:#ce231b;padding:4px 10px;"><section style="display:flex;justify-content:space-between;align-items:flex-start;"><section style="color:#f2f2f2;font-size:17px;width:18%;"><p>周六</p></section><section style="color:#f2f2f2;font-size:17px;width:18%;"><p>周日</p></section><section style="color:#f2f2f2;font-size:17px;width:18%;"><p>周一</p></section><section style="color:#f2f2f2;font-size:17px;width:18%;"><p>周二</p></section><section style="color:#f2f2f2;font-size:17px;width:18%;"><p>周三</p></section></section></section><section style="margin-top:9px;display:flex;justify-content:space-between;align-items:flex-start;"><section style="background-color:#fef3f3;width:18%;padding:4px 0px;"><section style="color:#d13c36;font-size:22px;"><p style="text-align:center;">30</p></section><section style="color:#d13c36;font-size:14px;"><p>三十</p></section></section><section style="background-color:#fef3f3;width:18%;padding:4px 0px;"><section style="color:#d13c36;font-size:22px;"><p style="text-align:center;">1</p></section><section style="color:#d13c36;font-size:14px;"><p>劳动节</p></section></section><section style="background-color:#fef3f3;width:18%;padding:4px 0px;"><section style="color:#d13c36;font-size:22px;"><p style="text-align:center;">2</p></section><section style="color:#d13c36;font-size:14px;"><p>初二</p></section></section><section style="background-color:#fef3f3;width:18%;padding:4px 0px;"><section style="color:#d13c36;font-size:22px;"><p style="text-align:center;">3</p></section><section style="color:#d13c36;font-size:14px;"><p>初三</p></section></section><section style="background-color:#fef3f3;width:18%;padding:4px 0px;"><section style="color:#d13c36;font-size:22px;"><p style="text-align:center;">4</p></section><section style="color:#d13c36;font-size:14px;"><p>初四</p></section></section></section></section></section>
可视化
放
假
通
知
周六
周日
周一
周二
周三
三十
劳动节
初二
初三
初四
米字格边框底色五一劳动节边框日历正文

专注移动端开发

快速链接

关于我们

115cms信息内容管理系统
