带标题错位线框单图

源代码

<section style="margin:20px 5px 10px;"><section style="display: flex;justify-content:space-between;align-items:flex-start;"><section><section style="display: flex;justify-content:center;align-items:flex-start;"><section style="margin-top:5px;background-color:#92c8e6;transform: rotatez(45deg);-webkit-transform: rotatez(45deg);-moz-transform: rotatez(45deg);-ms-transform: rotatez(45deg);-o-transform: rotatez(45deg);display:inline-block;"><section style="border:solid 1px #111111;margin:-3px 3px 3px -3px;width:15px;height:15px;"></section></section><section style="margin-left:10px;background-color:#92c8e6;transform: rotatez(45deg);-webkit-transform: rotatez(45deg);-moz-transform: rotatez(45deg);-ms-transform: rotatez(45deg);-o-transform: rotatez(45deg);display:inline-block;"><section style="border:solid 1px #111111;margin:-3px 3px 3px -3px;width:10px;height:10px;"></section></section><section style="margin-top:13px;background-color:#92c8e6;transform: rotatez(45deg);-webkit-transform: rotatez(45deg);-moz-transform: rotatez(45deg);-ms-transform: rotatez(45deg);-o-transform: rotatez(45deg);display:inline-block;"><section style="border:solid 1px #111111;margin:-3px 3px 3px -3px;width:15px;height:15px;"></section></section></section><section style="display: flex;justify-content:center;align-items:flex-start;"><section style="margin:0px 10px;width:1em;"><p style="letter-spacing: 2px;"><span style="letter-spacing: 2px; font-size: 17px; color: #111111;">科技类标题</span></p></section><section style="width:1em;margin-top:20px;"><p style="letter-spacing: 2px;"><span style="letter-spacing: 2px; font-size: 17px; color: #111111;">科技类标题</span></p></section></section></section><section style="width:80%;border:solid 2px #111111;"><section style="margin:-5px 5px 5px -5px;"><p style="text-align: center"><img src="https://cdn.file.mixinnet.cn/htmlImg/a859efeed0e581b9158afb8d4305c155.png" style="display:block;" data-brush="img" data-copyrighted="6442"></p></section></section></section></section>

关于我们

快捷导航

联系我们

关于我们