菱形引导关注简约商务类职场

源代码

<section style="text-align: center; padding: 10px 0px 10px; "><section style="display:inline-block;"><section style="display: flex; justify-content: center; align-items:center;margin:0px 8px;"><section style="width:10px;height: 18px;background-color:#f7ede0;box-sizing: border-box;transform: skew(-25deg);-webkit-transform: skew(-25deg);-moz-transform: skew(-25deg);-ms-transform: skew(-25deg);-o-transform: skew(-25deg);margin-right:5px;"></section><section style="width:10px;height: 18px;background-color:#edddc7;box-sizing: border-box;transform: skew(-25deg);-webkit-transform: skew(-25deg);-moz-transform: skew(-25deg);-ms-transform: skew(-25deg);-o-transform: skew(-25deg);margin-right:5px;"></section><section style="width:10px;height: 18px;background-color:#e7d2b3;box-sizing: border-box;transform: skew(-25deg);-webkit-transform: skew(-25deg);-moz-transform: skew(-25deg);-ms-transform: skew(-25deg);-o-transform: skew(-25deg);margin-right:5px;"></section><section style="transform: skew(-25deg);-webkit-transform: skew(-25deg);-moz-transform: skew(-25deg);-ms-transform: skew(-25deg);-o-transform: skew(-25deg);background-image: linear-gradient(to right,  #f6eee4, #fefefe);box-sizing: border-box;"><section style="margin:-7px 15px 0px 20px;"><section style="color: #fefefe;text-align: center;font-size: 16px;"><p style="text-shadow: #e7d2b3 1px 1px, #e7d2b3 1px -1px, #e7d2b3 -1px 1px, #e7d2b3 -1px -1px, #e7d2b3 0px 1.4px, #e7d2b3 0px -1.4px, #e7d2b3 -1.4px 0px, #e7d2b3 1.4px 0px;box-sizing: border-box;letter-spacing: 8px;"><strong>点击上方关注我们</strong></p></section></section></section></section><section style="margin-top:6px;width:100%;height:2px;background-image:linear-gradient(to right,#f3e7d6, #fefefe);"></section></section></section>

关于我们

快捷导航

联系我们

关于我们