日期底色边框并列休假放假通知清明节

美化源代码

复制源代码

源代码
<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日

星期二

日期底色边框并列休假放假通知清明节

专注移动端开发

快速链接

关于我们

115cms信息内容管理系统