渐变圆图单图左右图文

源代码

<section style="margin:10px 0px;"><section style="background-image: linear-gradient(to right,  #e5f6ff,#e4eeff);line-height: 30px; box-sizing: border-box;border-radius:8px;padding:15px 0px;"><section style="display: flex;justify-content:space-between;align-items: center;"><section style="width:40%;"><section style="width:130px;margin:0px auto;transform: rotatez(0deg);margin-left:10px;"><section style="border-radius:50%;border:solid 4px #fefefe;"><section style="overflow: hidden; margin-right: auto; margin-left: auto; padding-bottom: 100%; background-position: 50% 50%; background-size: cover; border-radius: 100%; box-sizing: border-box; width: 100%; height: 120px; text-align: left;"><img src="https://cdn.file.mixinnet.cn/htmlImg/cb8c23a67ee9b70b72a7cb153d7b3eb8.png" alt="undefined" style="width: auto; height: auto;" data-brush="img" data-copyrighted="4458"></section></section></section><section style="margin-top:10px;background-color:#65a7ff;border-radius:0px 20px 20px 0px;padding:2px 10px;"><p style="text-align: center; letter-spacing: 2px;"><span style="color: #ffffff; letter-spacing: 2px;">教育培训</span></p></section></section><section style="width:60%;margin:0px 10px;"><p style="letter-spacing: 2px;"><span style="font-size: 15px; letter-spacing: 2px;">为孩子的全面发展、综合素质全面提高，让孩子既能巩固以前的知识，并对新一学期所要学习的知识有个系统的把握。</span></p></section></section></section></section>

关于我们

快捷导航

联系我们

关于我们