四角圆圈简约线框上下图文

源代码

<section style="margin:10px 0px;"><section style="width:12px;height:12px;background-color:#fefefe;border-style:solid;border-width:1px;border-color:#12915e;transform: rotatez(0deg);border-radius:50%;"></section><section style="margin-top:-12px;margin-left:auto;width:12px;height:12px;background-color:#fefefe;border-style:solid;border-width:1px;border-color:#12915e;transform: rotatez(0deg);border-radius:50%;"></section><section style="margin:-5px 5px;border-style:solid;border-width:2px;border-color:#70b1ac;padding:3px;"><section style="border-style:solid;border-width:1px;border-color:#70b1ac;padding:8px;"><section><section style="padding:5px;"><p style="letter-spacing: 2px;"><span style="font-size: 14px;"><img src="https://cdn.file.mixinnet.cn/htmlImg/97ce47012592f1b162420630bd7af6d1.png" data-brush="img" data-copyrighted="165"></span></p></section></section><section style="text-align: center; margin-top: 5px; margin-bottom: 5px;"><section style="width: 0.3em;height: 0.6em;display: inline-block;vertical-align: middle;margin-left: 6px;background-color: #70b1ac;transform: skew(-5deg);-webkit-transform: skew(-5deg);-moz-transform: skew(-5deg);-ms-transform: skew(-5deg);-o-transform: skew(-5deg);"></section><section style="margin-left: 4px;width: 0.3em;height: 0.6em;display: inline-block;vertical-align: middle;background-color: #70b1ac;transform: skew(-5deg);-webkit-transform: skew(-5deg);-moz-transform: skew(-5deg);-ms-transform: skew(-5deg);-o-transform: skew(-5deg);"></section><section style="margin-left: 4px;width: 0.3em;height: 0.6em;display: inline-block;vertical-align: middle;background-color: #70b1ac;transform: skew(-5deg);-webkit-transform: skew(-5deg);-moz-transform: skew(-5deg);-ms-transform: skew(-5deg);-o-transform: skew(-5deg);"></section><section style="margin-left: 4px;width: 0.3em;height: 0.6em;display: inline-block;vertical-align: middle;background-color: #70b1ac;transform: skew(-5deg);-webkit-transform: skew(-5deg);-moz-transform: skew(-5deg);-ms-transform: skew(-5deg);-o-transform: skew(-5deg);"></section><section style="margin-left: 4px;width: 0.3em;height: 0.6em;display: inline-block;vertical-align: middle;background-color: #70b1ac;transform: skew(-5deg);-webkit-transform: skew(-5deg);-moz-transform: skew(-5deg);-ms-transform: skew(-5deg);-o-transform: skew(-5deg);"></section><section style="margin-left: 4px;width: 0.3em;height: 0.6em;display: inline-block;vertical-align: middle;background-color: #70b1ac;transform: skew(-5deg);-webkit-transform: skew(-5deg);-moz-transform: skew(-5deg);-ms-transform: skew(-5deg);-o-transform: skew(-5deg);"></section><section style="margin-left: 4px;width: 0.3em;height: 0.6em;display: inline-block;vertical-align: middle;background-color: #70b1ac;transform: skew(-5deg);-webkit-transform: skew(-5deg);-moz-transform: skew(-5deg);-ms-transform: skew(-5deg);-o-transform: skew(-5deg);"></section><section style="margin-left: 4px;width: 0.3em;height: 0.6em;display: inline-block;vertical-align: middle;background-color: #70b1ac;transform: skew(-5deg);-webkit-transform: skew(-5deg);-moz-transform: skew(-5deg);-ms-transform: skew(-5deg);-o-transform: skew(-5deg);"></section><section style="margin-left: 4px;width: 0.3em;height: 0.6em;display: inline-block;vertical-align: middle;background-color: #70b1ac;transform: skew(-5deg);-webkit-transform: skew(-5deg);-moz-transform: skew(-5deg);-ms-transform: skew(-5deg);-o-transform: skew(-5deg);"></section><section style="margin-left: 4px;width: 0.3em;height: 0.6em;display: inline-block;vertical-align: middle;background-color: #70b1ac;transform: skew(-5deg);-webkit-transform: skew(-5deg);-moz-transform: skew(-5deg);-ms-transform: skew(-5deg);-o-transform: skew(-5deg);"></section><section style="margin-left: 4px;width: 0.3em;height: 0.6em;display: inline-block;vertical-align: middle;background-color: #70b1ac;transform: skew(-5deg);-webkit-transform: skew(-5deg);-moz-transform: skew(-5deg);-ms-transform: skew(-5deg);-o-transform: skew(-5deg);"></section><section style="margin-left: 4px;width: 0.3em;height: 0.6em;display: inline-block;vertical-align: middle;background-color: #70b1ac;transform: skew(-5deg);-webkit-transform: skew(-5deg);-moz-transform: skew(-5deg);-ms-transform: skew(-5deg);-o-transform: skew(-5deg);"></section><section style="margin-left: 4px;width: 0.3em;height: 0.6em;display: inline-block;vertical-align: middle;background-color: #70b1ac;transform: skew(-5deg);-webkit-transform: skew(-5deg);-moz-transform: skew(-5deg);-ms-transform: skew(-5deg);-o-transform: skew(-5deg);"></section><section style="margin-left: 4px;width: 0.3em;height: 0.6em;display: inline-block;vertical-align: middle;background-color: #70b1ac;transform: skew(-5deg);-webkit-transform: skew(-5deg);-moz-transform: skew(-5deg);-ms-transform: skew(-5deg);-o-transform: skew(-5deg);"></section><section style="margin-left: 4px;width: 0.3em;height: 0.6em;display: inline-block;vertical-align: middle;background-color: #70b1ac;transform: skew(-5deg);-webkit-transform: skew(-5deg);-moz-transform: skew(-5deg);-ms-transform: skew(-5deg);-o-transform: skew(-5deg);"></section><section style="margin-left: 4px;width: 0.3em;height: 0.6em;display: inline-block;vertical-align: middle;background-color: #70b1ac;transform: skew(-5deg);-webkit-transform: skew(-5deg);-moz-transform: skew(-5deg);-ms-transform: skew(-5deg);-o-transform: skew(-5deg);"></section><section style="margin-left: 4px;width: 0.3em;height: 0.6em;display: inline-block;vertical-align: middle;background-color: #70b1ac;transform: skew(-5deg);-webkit-transform: skew(-5deg);-moz-transform: skew(-5deg);-ms-transform: skew(-5deg);-o-transform: skew(-5deg);"></section><section style="margin-left: 4px;width: 0.3em;height: 0.6em;display: inline-block;vertical-align: middle;background-color: #70b1ac;transform: skew(-5deg);-webkit-transform: skew(-5deg);-moz-transform: skew(-5deg);-ms-transform: skew(-5deg);-o-transform: skew(-5deg);"></section><section style="margin-left: 4px;width: 0.3em;height: 0.6em;display: inline-block;vertical-align: middle;background-color: #70b1ac;transform: skew(-5deg);-webkit-transform: skew(-5deg);-moz-transform: skew(-5deg);-ms-transform: skew(-5deg);-o-transform: skew(-5deg);"></section><section style="margin-left: 4px;width: 0.3em;height: 0.6em;display: inline-block;vertical-align: middle;background-color: #70b1ac;transform: skew(-5deg);-webkit-transform: skew(-5deg);-moz-transform: skew(-5deg);-ms-transform: skew(-5deg);-o-transform: skew(-5deg);"></section><section style="margin-left: 4px;width: 0.3em;height: 0.6em;display: inline-block;vertical-align: middle;background-color: #70b1ac;transform: skew(-5deg);-webkit-transform: skew(-5deg);-moz-transform: skew(-5deg);-ms-transform: skew(-5deg);-o-transform: skew(-5deg);"></section><section style="margin-left: 4px;width: 0.3em;height: 0.6em;display: inline-block;vertical-align: middle;background-color: #70b1ac;transform: skew(-5deg);-webkit-transform: skew(-5deg);-moz-transform: skew(-5deg);-ms-transform: skew(-5deg);-o-transform: skew(-5deg);"></section><section style="margin-left: 4px;width: 0.3em;height: 0.6em;display: inline-block;vertical-align: middle;background-color: #70b1ac;transform: skew(-5deg);-webkit-transform: skew(-5deg);-moz-transform: skew(-5deg);-ms-transform: skew(-5deg);-o-transform: skew(-5deg);"></section><section style="margin-left: 4px;width: 0.3em;height: 0.6em;display: inline-block;vertical-align: middle;background-color: #70b1ac;transform: skew(-5deg);-webkit-transform: skew(-5deg);-moz-transform: skew(-5deg);-ms-transform: skew(-5deg);-o-transform: skew(-5deg);"></section><section style="margin-left: 4px;width: 0.3em;height: 0.6em;display: inline-block;vertical-align: middle;background-color: #70b1ac;transform: skew(-5deg);-webkit-transform: skew(-5deg);-moz-transform: skew(-5deg);-ms-transform: skew(-5deg);-o-transform: skew(-5deg);"></section><section style="margin-left: 4px;width: 0.3em;height: 0.6em;display: inline-block;vertical-align: middle;background-color: #70b1ac;transform: skew(-5deg);-webkit-transform: skew(-5deg);-moz-transform: skew(-5deg);-ms-transform: skew(-5deg);-o-transform: skew(-5deg);"></section><section style="margin-left: 4px;width: 0.3em;height: 0.6em;display: inline-block;vertical-align: middle;background-color: #70b1ac;transform: skew(-5deg);-webkit-transform: skew(-5deg);-moz-transform: skew(-5deg);-ms-transform: skew(-5deg);-o-transform: skew(-5deg);"></section><section style="margin-left: 4px;width: 0.3em;height: 0.6em;display: inline-block;vertical-align: middle;background-color: #70b1ac;transform: skew(-5deg);-webkit-transform: skew(-5deg);-moz-transform: skew(-5deg);-ms-transform: skew(-5deg);-o-transform: skew(-5deg);"></section><section style="margin-left: 4px;width: 0.3em;height: 0.6em;display: inline-block;vertical-align: middle;background-color: #70b1ac;transform: skew(-5deg);-webkit-transform: skew(-5deg);-moz-transform: skew(-5deg);-ms-transform: skew(-5deg);-o-transform: skew(-5deg);"></section><section style="margin-left: 4px;width: 0.3em;height: 0.6em;display: inline-block;vertical-align: middle;background-color: #70b1ac;transform: skew(-5deg);-webkit-transform: skew(-5deg);-moz-transform: skew(-5deg);-ms-transform: skew(-5deg);-o-transform: skew(-5deg);"></section></section><p style="letter-spacing: 2px;"><span style="font-size: 14px;">四月即没，五月在望。四月者，送严寒而迎东君，历清明而过谷雨。金风和煦，万物复苏。百芳发而幽香逸，春鸟还而鸣声碎。</span></p></section></section><section style="width:12px;height:12px;background-color:#fefefe;border-style:solid;border-width:1px;border-color:#12915e;border-radius:50%;"></section><section style="margin-top:-12px;margin-left:auto;width:12px;height:12px;background-color:#fefefe;border-style:solid;border-width:1px;border-color:#12915e;border-radius:50%;"></section></section>

关于我们

快捷导航

联系我们

关于我们