头像人物对话问答样式底色人物介绍老师寄语正文

美化源代码

复制源代码

源代码
<section style="text-align: center;margin:10px 0px;"><section style="display: flex;justify-content:flex-start;align-items:center;"><section><section style="background-color:#ffd972; border-radius: 100%;display:inline-block;padding:1px;"><section style="margin:0px -10px 0px 10px;width:130px; height: 130px; border-radius: 100%; overflow: hidden;"><section style="width:130px;height:130px;transform: rotatez(0deg);"><img style="display: block; width: 100%; height: auto;" src="https://cdn.file.mixinnet.cn/htmlImg/3458108f2eb9cd5541542bce5a54fc80.png" alt="1567561619186456.jpeg" data-brush="img" data-copyrighted="4454"></section></section></section></section><section style="width:85%;"><section style="border-right:solid 3px #1f998f;padding:0px 8px;color:#1f998f;font-size:20px;letter-spacing:2px;margin-bottom:4px;"><p style="text-align: right;"><strong>老师寄语</strong></p></section><section style="display: flex;justify-content:center;align-items:flex-end;"><section style="border-style: solid; border-width:8px; border-color: transparent   #47c1a8   #47c1a8 transparent ; width: 0px; height: 0px;transform: rotatez(0deg);z-index:1000;"></section><section style="width:94%;"><section style="background-color:#47c1a8;padding:8px 15px;border-radius:8px 8px 8px 0px;"><section style="color:#fff;letter-spacing:2px;font-size:18px;line-height:1.75em;text-align:left;transform: rotatez(0deg);text-align: justify;"><p>                                    计算机系20级1班王老师</p></section></section></section></section></section></section><section style="border-bottom:solid 1px #47c1a8;padding:12px;"><section style="color:#323232;letter-spacing:2px;font-size:14px;line-height:1.75em;text-align:left;transform: rotatez(0deg);text-align: justify;"><p>                    你们有着令人羡慕的年纪，条条道路光辉灿烂。毕业不是结束，而是新的开始，请带着求知心重新出发。每个人都有机会成为优秀设计师，自己的双手规划人生的美好蓝图。</p></section></section></section>

可视化

老师寄语

计算机系20级1班王老师

你们有着令人羡慕的年纪，条条道路光辉灿烂。毕业不是结束，而是新的开始，请带着求知心重新出发。每个人都有机会成为优秀设计师，自己的双手规划人生的美好蓝图。

头像人物对话问答样式底色人物介绍老师寄语正文

专注移动端开发

快速链接

关于我们

115cms信息内容管理系统