高考喜报名次上下图文表格表单

美化源代码
复制源代码
源代码
<section style="text-align: center;margin:10px 0px 10px;"><section style="text-align: center;margin:10px 0px -30px;"><section style="display:inline-block;transform: rotatez(0deg);overflow: hidden;"><section style="display: flex;justify-content:space-between;align-items:center; transform: rotatez(0deg);padding:0px 2px;"><section style="width: 5px;height:5px;background-color:#ff4937;border-radius:50%;z-index:1000;"></section><section style="width: 5px;height:5px;background-color:#ff4937;border-radius:50%;z-index:1000;"></section></section><section style="overflow: hidden;margin-top: -6px;"><section style="display: flex;justify-content:space-between;align-items:flex-start;"><section style="margin-top: -13px;margin-left: -13px;border-radius: 50%;background-color:#fefefe;width: 26px;height: 24px;"></section><section style="margin-top: -13px;margin-right: -13px;width: 27px;height: 24px;border-radius: 50%;background-color:#fefefe;"></section></section><section style="background-color:#ff4937;margin-top: -13px;padding: 6px 3px 4px;"><section><section style="overflow: hidden;"><section style="display: flex;justify-content:space-between;align-items:flex-start;"><section style="margin-top: -18px;margin-left: -18px;border-radius: 50%;border-width: 1px;border-style: solid;border-color: #fff3cc;width: 40px;height: 30px;"></section><section style="width: 95%;height: 1px;background-color: #fff3cc;"></section><section style="margin-top: -18px;margin-right: -18px;width: 40px;height: 30px;border-radius: 50%;border-width: 1px;border-style: solid;border-color: #fff3cc;"></section></section><section style="border-left: 1px solid #fff3cc; border-right: 1px solid #fff3cc;padding:1px 0px;"><section style="color:#fff;letter-spacing:2px;padding:0px 20px;margin: -5px 0px;"><p>                                        喜报标题</p></section></section><section style="display: flex;justify-content:space-between;align-items:flex-end;"><section style="margin-bottom: -18px;margin-left: -18px;width: 40px;height: 30px;border-radius: 50%;border-width: 1px;border-style: solid;border-color: #fff3cc;"></section><section style="width: 95%; height: 1px; background-color: #fff3cc;"></section><section style="margin-bottom: -18px;margin-right: -18px;width: 40px;height: 30px;border-radius: 50%;border-width: 1px;border-style: solid;border-color: #fff3cc;"></section></section></section></section></section></section><section style="margin-top: -11px;"><section style="overflow: hidden;"><section style="display: flex;justify-content:space-between;align-items:flex-end;"><section style="margin-bottom: -12px;margin-left: -12px;width: 26px;height: 24px;border-radius: 50%;background-color:#fefefe;"></section><section style="margin-bottom: -12px;margin-right: -12px;width: 26px;height: 24px;border-radius: 50%;background-color:#fefefe;"></section></section></section></section><section style="margin-left:2px;margin-right:2px;margin-top: -6px;text-align: center;transform: rotatez(0deg);"><section style="display: flex;justify-content:space-between;align-items:flex-end;"><section style="width: 5px;height:5px;background-color:#ff4937;border-radius:50%;"></section><section style="width: 5px;height:5px;background-color:#ff4937;border-radius:50%;"></section></section></section></section></section><section style="display: flex;justify-content:space-between;align-items:flex-start;overflow: hidden;"><section style="margin-top: -10px;margin-left: -10px;border-radius: 50%;border-width: 1px;border-style: solid;border-color: #ff4937;width: 20px;height: 20px;"></section><section style="width: 97%; height: 1px; background-color: #ff4937;"></section><section style="margin-top: -10px; margin-right: -10px;  width: 20px; height: 20px; border-radius: 50%; border-width: 1px; border-style: solid; border-color: #ff4937;"></section></section><section style="margin-top:-1px;border-left: 1px solid #ff4937; border-right: 1px solid #ff4937; padding:30px 15px 20px;"><section style="text-align: center; margin-bottom: 0em;"><img src="https://cdn.file.mixinnet.cn/htmlImg/75f3ab71a9b2ba724ab509e26311f7b2.png" style="display:block;width:100%;" data-brush="img" data-copyrighted="6856"></section><section style="margin:13px 0px;display: flex;justify-content:center;align-items:center;"><section style="width:46%;height:1px;background-color:#ff4937;"></section><section style="width:10px;height:10px;border:solid 1px #ff4937;transform: rotatez(45deg);"></section><section style="width:10px;height:10px;background-color:#ff4937;transform: rotatez(45deg);"></section><section style="width:10px;height:10px;border:solid 1px #ff4937;transform: rotatez(45deg);"></section><section style="width:46%;height:1px;background-color:#ff4937;"></section></section><section><section style="margin:10px 0px 0px;background-color:#fff3cc;border-radius:8px;padding:6px 22px;"><section style="display: flex;justify-content:space-between;align-items:center;"><section style="color:#424243;font-size:16px;letter-spacing:2px;"><p>                            第一名</p></section><section style="color:#424243;font-size:16px;letter-spacing:2px;"><p>                            刘同学</p></section><section style="color:#424243;font-size:16px;letter-spacing:2px;"><p>                            680</p></section></section></section></section><section><section style="margin:10px 0px 0px;background-color:#fff3cc;border-radius:8px;padding:6px 22px;"><section style="display: flex;justify-content:space-between;align-items:center;"><section style="color:#424243;font-size:16px;letter-spacing:2px;"><p>                            第二名</p></section><section style="color:#424243;font-size:16px;letter-spacing:2px;"><p>                            王同学</p></section><section style="color:#424243;font-size:16px;letter-spacing:2px;"><p>                            680</p></section></section></section></section><section><section style="margin:10px 0px 0px;background-color:#fff3cc;border-radius:8px;padding:6px 22px;"><section style="display: flex;justify-content:space-between;align-items:center;"><section style="color:#424243;font-size:16px;letter-spacing:2px;"><p>                            第三名</p></section><section style="color:#424243;font-size:16px;letter-spacing:2px;"><p>                            李同学</p></section><section style="color:#424243;font-size:16px;letter-spacing:2px;"><p>                            680</p></section></section></section></section></section><section style="margin-top:-8px;"><section style="display: flex;justify-content:space-between;align-items:flex-end;overflow: hidden;transform: rotatez(0deg);"><section style="margin-bottom: -10px; margin-left: -10px; width: 20px; height: 20px; border-radius: 50%; border-width: 1px; border-style: solid; border-color: #ff4937;background-color:#fefefe;"></section><section style="width: 97%; height: 1px; background-color: #ff4937;"></section><section style="margin-bottom: -10px; margin-right: -10px;width: 20px; height:20px; border-radius: 50%; border-width: 1px; border-style: solid; border-color: #ff4937;background-color:#fefefe;"></section></section></section></section>
可视化
喜报标题
第一名
刘同学
680
第二名
王同学
680
第三名
李同学
680
专注移动端开发

快速链接

关于我们

115cms信息内容管理系统
