清新简约圆形左右图文

源代码

<section style="margin-top:20px;"><section style="display:flex;align-items: center;"><section style="flex:1;"><section style="display: flex;align-items: center;width: 150px;margin-right: auto;margin-left: auto;"><section style="width: 8px;height: 60px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;margin-right: -7px;transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);"><section style="width: 6px;height: 6px;border-width: 1px;border-style: solid;border-color: rgb(242, 128, 171);background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;margin-left: 4px;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);"></section><section style="width: 6px;height: 6px;border-width: 1px;border-style: solid;border-color: rgb(242, 128, 171);border-radius: 100%;margin-top: 48px;background-image: initial;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-clip: initial;margin-left: 4px;box-sizing: border-box;"></section></section><section style="width: 90%;border-width: 1px;border-style: solid;border-color: rgb(242, 128, 171);padding: 6px;border-radius: 100%;box-sizing: border-box;"><img src="https://cdn.file.mixinnet.cn/htmlImg/a728add400ab283e3bddfa0683aa5385.png" style="vertical-align: middle;width: 100%;border-radius: 100%;transform: rotate(360deg);" data-brush="img"></section></section></section><section style="width:50%;margin-left:10px;"><section><section style="display:inline-block;vertical-align: middle;width:30px;text-align: center;margin-right:6px;"><p style="font-size:26px;color:rgb(218,73,97);min-width:1px;">                        1</p><section style="height: 20px;background: rgba(218, 73, 97, 0.4);border-radius: 0px 0px 60px 60px;margin-top: -18px;box-sizing: border-box;"></section></section><section style="display:inline-block;vertical-align: middle;"><p style="font-size:24px;color:rgb(215,54,81);min-width:1px;">                        输入标题</p></section></section><section style="margin-top:5px;margin-left:36px;"><p style="color: rgb(115, 68, 76);min-width: 1px;">                    每一个不懂爱旳人，都会遇到一个懂爱的人。然后经历一场撕心裂肺旳爱情，然后分开。</p></section></section></section></section>

关于我们

快捷导航

联系我们

关于我们