平行四边形带标题上下图文

源代码

<section style="text-align: center;margin:10px 0px;"><section><section style="display:inline-block;"><section style="background-color:#ffefdf;border-style: solid;border-color: #ffba98;border-width: 1px;box-sizing: border-box;transform: skew(-5deg);-webkit-transform: skew(-5deg);-moz-transform: skew(-5deg);-ms-transform: skew(-5deg);-o-transform: skew(-5deg);"><section style="width:100%;margin:5px 20px;transform: skew(5deg);-webkit-transform: skew(5deg);-moz-transform: skew(5deg);-ms-transform: skew(5deg);-o-transform: skew(5deg);"><p style="text-align: left;"><span style="color: #808080;">请输入标题</span></p></section></section></section></section><section><section style="width:2px;height:30px;background-color:#8cd6d6;display:inline-block;transform: skew(-5deg);-webkit-transform: skew(-5deg);-moz-transform: skew(-5deg);-ms-transform: skew(-5deg);-o-transform: skew(-5deg);"></section><section style="margin-left:40px;width:2px;height:30px;background-color:#8cd6d6;display:inline-block;transform: skew(-5deg);-webkit-transform: skew(-5deg);-moz-transform: skew(-5deg);-ms-transform: skew(-5deg);-o-transform: skew(-5deg);"></section><section style="width: 80%;margin-top: -8px;margin-right: auto;margin-left: auto;"><section style="border-style: solid;border-color: #ffba98;border-width: 1px;box-sizing: border-box;padding:15px 45px 15px 10px;transform: skew(-5deg);-webkit-transform: skew(-5deg);-moz-transform: skew(-5deg);-ms-transform: skew(-5deg);-o-transform: skew(-5deg);"><section style="width:100%;margin:5px 20px;transform: skew(5deg);-webkit-transform: skew(5deg);-moz-transform: skew(5deg);-ms-transform: skew(5deg);-o-transform: skew(5deg);"><p style="text-align: left;letter-spacing: 2px;"><span style="font-size: 14px;color: #808080;">一直执着于生命的简约格调，只愿用一颗淡然的心看云卷云舒，看季节更迭。</span></p></section></section></section></section><section style="width:2px;height:30px;background-color:#8cd6d6;display:inline-block;transform: skew(5deg);-webkit-transform: skew(5deg);-moz-transform: skew(5deg);-ms-transform: skew(5deg);-o-transform: skew(5deg);"></section><section style="margin-left:40px;width:2px;height:30px;background-color:#8cd6d6;display:inline-block;transform: skew(5deg);-webkit-transform: skew(5deg);-moz-transform: skew(5deg);-ms-transform: skew(5deg);-o-transform: skew(5deg);"></section><section style="width: 80%;margin-bottom: -8px;margin-top: -8px;margin-right: auto;margin-left: auto;"><section style="border-style: solid;border-color: #ffba98;border-width: 1px;box-sizing: border-box;display:inline-block;padding:15px 45px 15px 10px;transform: skew(-5deg);-webkit-transform: skew(-5deg);-moz-transform: skew(-5deg);-ms-transform: skew(-5deg);-o-transform: skew(-5deg);"><section style="width:100%;margin:5px 20px;transform: skew(5deg);-webkit-transform: skew(5deg);-moz-transform: skew(5deg);-ms-transform: skew(5deg);-o-transform: skew(5deg);"><p><img src="https://cdn.file.mixinnet.cn/htmlImg/8fc699d08cffe938f34a385f0c711f29.png" style="display: block; transform: skew(-5deg); width: auto; height: auto;" alt="" data-brush="img" data-copyrighted="4508"></p></section></section></section></section>

关于我们

快捷导航

联系我们

关于我们