简约商务类边框底色正文带标题

源代码

<section style="margin:10px 0px;"><section style="background-color:rgb(249, 249, 249);"><section style="padding: 15px 20px; text-align: center;"><section style="display: flex;align-items:center;"><section style="border-top:solid 3px #e7d2b3;border-bottom:solid 1px #e7d2b3;padding: 5px 10px;color:#8b724c;width: 100%;"><section style="padding: 5px 0px 15px;display:inline-block; "><p style="letter-spacing: 2px;"><strong>商务商业主题</strong></p></section><section style="display: flex;align-items: flex-end;justify-content: center;margin: -11px 0px;"><section style="background-color:rgb(249, 249, 249)00;display:inline-block;transform: rotatez(0deg);color:#ff7f7f;"><section style="background-color:rgb(248, 248, 248);padding: 0px 5px;"><section style="display: flex;justify-content: center;align-items: center;"><section style="width: 8px;height: 13px;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="width: 8px;height: 13px;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);"></section></section></section></section></section></section></section><section style="text-align:left;font-size:15px;padding: 25px 0px 10px 0px;color:#8b724c;line-height: 1.75em; letter-spacing: 2px;"><p>                    商务合作是指一切活动中与人，公司合作而产生的商务活动，以盈利性和商业性的合作为基础。从事商务活动的企业或者人必须有一定的资格。</p></section></section></section></section>

关于我们

快捷导航

联系我们

关于我们