课堂动态圆角边框序号图文

美化源代码

复制源代码

源代码
<section style="margin:10px 0px;padding-top:20px;padding-bottom:15px;box-sizing:border-box;"><section style="border-right:1px solid #3aaaff;padding:1px 10px 4em;margin-right:12px;margin-bottom:-3.5em;box-sizing:border-box;"><section style="width:34px;height:35px;background-color:#fadf11;border-radius:30px 30px 0 0;text-align:center;box-sizing:border-box;margin-bottom:unset;margin:auto;margin-top:-20px;"><p style="font-size:16px;color:#fefefe;line-height:35px;"><strong>01</strong></p></section><section style="margin-top:12px;margin-bottom:unset;"><p style="font-size:14px;letter-spacing:2px;line-height:1.75;">课堂动态注重提供个性化的学习体验通过灵活的教学方式和互动性强的文案设计，激发学生们的积极参与和主动学习。例如可以利用游戏化的元素，设置小测验或竞赛,让学生们在轻松愉快中积累知识。</p></section></section><section style="width:80%;margin-bottom:unset;"><p><img src="https://cdn.file.mixinnet.cn/htmlImg/2fe7ec0718175df4080d190e8d77ff58.png" style="display:block;width:100%;" data-copyrighted="26462" data-brush="img" _src="https://cdn.file.mixinnet.cn/htmlImg/2fe7ec0718175df4080d190e8d77ff58.png"></p></section><section style="width:30%;border:5px solid #fdfcf3;margin-left:auto;margin-top:-5em;margin-right:20px;box-sizing:border-box;margin-bottom:unset;transform:rotate(15deg);-webkit-transform:rotate(15deg);-moz-transform:rotate(15deg);-ms-transform:rotate(15deg);-o-transform:rotate(15deg);"><p><img src="https://cdn.file.mixinnet.cn/htmlImg/77e045ed31ff1f02db5af415ae4ace89.png" style="display:block;width:100%;" data-copyrighted="26462" data-brush="img" _src="https://cdn.file.mixinnet.cn/htmlImg/77e045ed31ff1f02db5af415ae4ace89.png"></p></section></section>

可视化

课堂动态注重提供个性化的学习体验通过灵活的教学方式和互动性强的文案设计，激发学生们的积极参与和主动学习。例如可以利用游戏化的元素，设置小测验或竞赛,让学生们在轻松愉快中积累知识。

专注移动端开发

快速链接

关于我们

115cms信息内容管理系统