彩色元素虚线箭头底色标题正文上网课

源代码

<section><section style="margin: 10px 0px; text-align: center;"><section style="background-color: #fffbf0;padding: 15px 15px 20px;"><section style="text-align: center;margin: 11px 0px;"><section style="display:inline-block;"><section style="width: 10px;margin-left: -13px;margin-bottom: -9px;"><img src="https://cdn.file.mixinnet.cn/htmlImg/0a23a4f016ebbc997c00fa9d459502d9.png" style="display: block; width: 100%; height: auto;transform: rotatez(0deg);" alt=""></section><section style="display:flex;justify-content: center;align-items: flex-start;"><section style="background-color: #68d4ff;width: 36px; height: 36px; color: #ffffff; font-size: 18px; text-align: center;line-height: 36px;transform: rotatez(-8deg);"><p style="transform: rotatez(8deg);">网</p></section><section style="background-color: #fecb43;width: 36px; height: 36px; color: #ffffff; font-size: 18px; text-align: center;line-height: 36px;transform: rotatez(8deg);margin-top: 1px;margin-left: 2px;"><p style="transform: rotatez(-8deg);">上</p></section><section style="display:flex;justify-content: center;align-items: flex-start;"><section style="background-color: #68d4ff;width: 36px; height: 36px; color: #ffffff; font-size: 18px; text-align: center;line-height: 36px;transform: rotatez(-8deg);margin-left: 2px;"><p style="transform: rotatez(8deg);">课</p></section><section style="background-color: #fecb43;width: 36px; height: 36px; color: #ffffff; font-size: 18px; text-align: center;line-height: 36px;transform: rotatez(8deg);margin-top: 1px;margin-left: 2px;"><p style="transform: rotatez(-8deg);">堂</p></section></section></section><section style="width: 10px;margin-left: auto;margin-right: -13px;margin-top: -10px;"><img src="https://cdn.file.mixinnet.cn/htmlImg/14f02a7dce80429675fc9c8673607c15.png" style="display: block; width: 100%; height: auto;transform: rotatez(0deg);" alt=""></section></section></section><section style="color:#2e2d2d;letter-spacing:2px;font-size:14px;line-height: 1.75;transform: rotatez(0deg);text-align: justify;"><p>网课方便又快捷,提高学习动力,鼓舞学生的学习劲头，在网络教学活动中建立起一个有效的交流环境，使分布在不同地方的师生方便交流,从而能够有效的提高教学活动的效率。</p></section></section><section style="width: 65px;margin-left: auto;margin-right: 8px;margin-top: -32px;"><img src="https://cdn.file.mixinnet.cn/htmlImg/916c55401ae77a345c39332a981d4cb4.png" style="display: block; width: 100%; height: auto;transform: rotatez(0deg);" alt=""></section></section></section>

关于我们

快捷导航

联系我们

关于我们