序号边线边框圆角阴影错位正文上网课

源代码

<section><section style="margin: 10px 0px; text-align: center;"><section style="text-align: right;margin-right: 20px;margin-bottom: -22px;"><section style="display:inline-block;"><section style="background-color: #ffcc9f;width: 32px;height: 2px;margin-left: auto;"></section><section style="display:flex;justify-content: center;align-items: flex-start;"><section><section style="background-color: #838dfc;width: 32px;height: 30px;color:#fff;text-align:center;line-height: 32px;font-size: 14px;"><p><em>01</em></p></section><section style="display:flex;justify-content: center;align-items: center;"><section style="border-style: solid; border-width: 4px 8px; border-color: #838dfc transparent transparent #838dfc; width: 0px; height: 0px;transform: rotatez(0deg);z-index:1000;"></section><section style="border-style: solid; border-width: 4px 8px; border-color: #838dfc #838dfc transparent transparent; width: 0px; height: 0px;transform: rotatez(0deg);z-index:1000;"></section></section></section><section style="background-color: #ffcc9f;width: 2px;height: 36px;"></section></section></section></section><section style="border: solid 1px #838dfc;background-color: #fff;border-radius: 10px;padding: 30px 20px;box-shadow: #eff1fe 6px 6px;margin-right: 6px;"><section style="display:flex;justify-content: flex-start;align-items: center;"><section style="background: #838dfc;padding: 0 13px;transform: rotatez(0deg);"><section style="text-align: center;color: #ffffff;letter-spacing: 2px;font-size: 14px;line-height: 32px;"><p>课程时间</p></section></section><section style="color:#2e2d2d;letter-spacing:2px;font-size:14px;line-height: 1;transform: rotatez(0deg);text-align: justify;margin-left: 10px;"><p>4月20日-5月20日</p></section></section><section style="display:flex;justify-content: flex-start;align-items: center;margin-top: 18px;"><section style="background: #838dfc;padding: 0 13px;transform: rotatez(0deg);"><section style="text-align: center;color: #ffffff;letter-spacing: 2px;font-size: 14px;line-height: 32px;"><p>课程主题</p></section></section><section style="color:#2e2d2d;letter-spacing:2px;font-size:14px;line-height: 1;transform: rotatez(0deg);text-align: justify;margin-left: 10px;"><p>高考难题解析和归纳</p></section></section><section style="display:flex;justify-content: flex-start;align-items: center;margin-top: 18px;"><section style="background: #838dfc;padding: 0 13px;transform: rotatez(0deg);"><section style="text-align: center;color: #ffffff;letter-spacing: 2px;font-size: 14px;line-height: 32px;"><p>课程老师</p></section></section><section style="color:#2e2d2d;letter-spacing:2px;font-size:14px;line-height: 1;transform: rotatez(0deg);text-align: justify;margin-left: 10px;"><p>王老师</p></section></section></section></section></section>

关于我们

快捷导航

联系我们

关于我们