首页
综合版
演示/介绍
使用文档
安装环境
图标下载
登录
综合版
演示/介绍
使用文档
安装环境
图标下载
登录
日期底色边框并列休假放假通知清明节
美化源代码
复制源代码
源代码
<section style="text-align: center;margin:10px 0px;"><section style="border:solid 1px #47a387;border-radus:10px;padding:10px 0px;border-radius:10px;"><section style="background-color:#eafef2;border-radius:10px;padding:12px; "><section style="display: flex;justify-content: space-between;align-items: center"><section style="width:30%;"><section style="width:30px;height:30px;background-color:#ffe054;border-radius:50%;color:#fff;font-size:18px;transform: rotatez(0deg);"><p> 休</p></section><section style="margin:-14px 0px 0px 12px;border:solid 1px #47a387;"><section style="background-color:#47a387;padding:3px 10px;"><section style="color:#fff;font-size:18px;"><p> 3日</p></section></section><section><section style="padding:3px 10px;color:#47a387;font-size:18px;letter-spacing:2px;"><p> 星期日</p></section></section></section></section><section style="width:30%;"><section style="width:30px;height:30px;background-color:#ffe054;border-radius:50%;color:#fff;font-size:18px;transform: rotatez(0deg);"><p> 休</p></section><section style="margin:-14px 0px 0px 12px;border:solid 1px #47a387;"><section style="background-color:#47a387;padding:3px 10px;"><section style="color:#fff;font-size:18px;"><p> 4日</p></section></section><section><section style="padding:3px 10px;color:#47a387;font-size:18px;letter-spacing:2px;"><p> 星期一</p></section></section></section></section><section style="width:30%;"><section style="width:30px;height:30px;background-color:#ffe054;border-radius:50%;color:#fff;font-size:18px;transform: rotatez(0deg);"><p> 休</p></section><section style="margin:-14px 0px 0px 12px;border:solid 1px #47a387;"><section style="background-color:#47a387;padding:3px 10px;"><section style="color:#fff;font-size:18px;"><p> 5日</p></section></section><section><section style="padding:3px 10px;color:#47a387;font-size:18px;letter-spacing:2px;"><p> 星期二</p></section></section></section></section></section></section></section>
可视化
休
3日
星期日
休
4日
星期一
休
5日
星期二
