百日誓师大会倒计时边框正文

美化源代码
复制源代码
源代码
<section style="margin:10px 0px;"><section style="display:flex;justify-content:space-between;align-items:flex-end;margin:0px 20px -19px;"><section style="margin-bottom:unset;"><section style="width:4px;height:23px;border-radius:20px;background-color:rgb(255, 229, 147);margin:auto auto -4px;box-sizing:border-box;overflow:hidden;line-height:0;transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);"></section><section style="width:12px;height:12px;background-color:rgb(254, 254, 254);border-radius:50%;box-sizing:border-box;margin-bottom:unset;overflow:hidden;line-height:0;"></section></section><section style="margin-bottom:unset;"><section style="width:4px;height:23px;border-radius:20px;background-color:rgb(255, 229, 147);margin:auto auto -4px;box-sizing:border-box;overflow:hidden;line-height:0;transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);"></section><section style="width:12px;height:12px;background-color:rgb(254, 254, 254);border-radius:50%;box-sizing:border-box;margin-bottom:unset;overflow:hidden;line-height:0;"></section></section></section><section style="background-color:rgb(254, 84, 79);padding:12px 0px;border-radius:10px 10px 0px 0px;box-sizing:border-box;margin-bottom:unset;"><p style="text-align:center;font-size:17px;letter-spacing:5px;color:#fefefe;"><strong>高考倒计时</strong></p></section><section style="border:2px solid rgb(254, 84, 79);padding:30px 0px 12px;border-radius:0px 0px 9px 9px;box-sizing:border-box;margin-bottom:unset;"><section style="display:flex;justify-content:center;align-items:flex-end;margin-bottom:unset;"><p style="font-size:91px;letter-spacing:0px;color:#fe544f;line-height:1;"><strong>100</strong></p><section style="width:25px;height:25px;border-radius:50%;background-color:#fe544f;text-align:center;z-index:1;margin-bottom:unset;box-sizing:border-box;margin-left:10px;"><p style="font-size:14px;color:#fefefe;line-height:25px;">天</p></section></section><section style="border-top:2px dashed rgb(255, 229, 147);padding:10px 0px 0px;margin-top:25px;box-sizing:border-box;margin-bottom:unset;"><section style="display:flex;justify-content:center;align-items:center;margin-bottom:unset;"><section style="width:30px;height:1px;background-color:rgb(254, 84, 79);margin-bottom:unset;overflow:hidden;line-height:0;"></section><section style="margin:0px 10px;"><p style="font-size:14px;letter-spacing:2px;color:#fe544f;">乘风破浪 金榜题名</p></section><section style="width:30px;height:1px;background-color:rgb(254, 84, 79);margin-bottom:unset;overflow:hidden;line-height:0;"></section></section></section></section></section>
可视化
高考倒计时
100
天
乘风破浪金榜题名
专注移动端开发

快速链接

关于我们

115cms信息内容管理系统
