科技类简约线框并列双图

源代码

<section style="padding:15px 0px 30px 0px;"><section style="display: flex;justify-content:space-between;align-items:center;"><section style="display:inline-block;"><section style="display: flex;justify-content:center;align-items:center;"><section style="width:4px;height:4px;background-color:#66dff9;border-radius:50%;"></section><section style="width:70px;height:1px;background-color:#66dff9;"></section><section style="width:4px;height:4px;background-color:#66dff9;border-radius:50%;"></section></section><section style="width: 0px;height: 13px;border-width: 1px;margin-left:auto;border-left-style: solid;border-color:#66dff9;box-sizing: border-box;transform: skew(35deg);margin-right: -4px;"></section><section style="margin-right: -12px;width:4px;height:4px;margin-left:auto;background-color:#66dff9;border-radius:50%;"></section></section><section style="margin:0px 10px 0px 25px;"><p style="letter-spacing: 2px;"><span style="color: #3d9dff; font-size: 17px;">科技双图标题</span><span style="color: #3d9dff;"></span></p></section><section style="display:inline-block;background-color:#fefefe;"><section style="width:4px;height:4px;background-color:#8b9cfa;border-radius:50%;"></section><section style="width: 0px;height: 13px;border-width: 1px;border-left-style: solid;border-color:#8b9cfa;box-sizing: border-box;transform: skew(35deg);margin-left: 8px;"></section><section style="margin-left: 12px;width:4px;height:4px;background-color:#8b9cfa;border-radius:50%;"></section><section style="margin-top: -3px;margin-left:12px;width:70px;height:1px;background-color:#8b9cfa;"></section><section style="margin-top:-3px;width:4px;height:4px;background-color:#8b9cfa;border-radius:50%;margin-left:auto;"></section></section></section><section style="margin:-20px 1px;"><section style="background-image: linear-gradient(90deg,#66dff9 50%,#8588fb 20%);padding: 0px 1px 1px;  box-sizing: border-box;"><section style="background-color: #fefefe; padding:10px; "><section style="margin:15px 0px 0px;display: flex;justify-content:center;align-items: flex-end;"><section style="width: 50%; margin-right: 10px;"><img src="https://cdn.file.mixinnet.cn/htmlImg/d41ef5a0b8ac2899bbb80063477282df.png" style="display: block; z-index: 1; width: auto; height: auto;" alt="" data-brush="img" data-copyrighted="4475"></section><section style="width: 50%;"><img src="https://cdn.file.mixinnet.cn/htmlImg/d1c6be5ba7974e49005388f4329ef038.png" style="display: block; z-index: 1; width: auto; height: auto;" alt="" data-brush="img" data-copyrighted="4491"></section></section></section></section></section></section>

关于我们

快捷导航

联系我们

关于我们