首页
综合版
演示/介绍
活动
使用文档
安装环境
样式中心
登录
综合版
演示/介绍
活动
使用文档
安装环境
样式中心
登录
简约线框底色菱形标题
美化源代码
复制源代码
源代码
<section style="text-align: center;margin-top: 10px;margin-bottom: 10px;box-sizing: border-box;"><section style="display: inline-block;border-width: 1px;border-style: solid;border-color: rgb(48, 41, 21);margin-left: 0.8em;margin-right: 0.8em;padding: 5px;box-sizing: border-box;transform: skew(30deg);"><section style="width: 100%;background-color: rgb(48, 41, 21);box-sizing: border-box;"><section style="color: rgb(255, 255, 255);font-size: 16px;padding-left: 10px;padding-right: 10px;box-sizing: border-box;transform: skew(-30deg);-webkit-transform: skew(-30deg);-moz-transform: skew(-30deg);-ms-transform: skew(-30deg);-o-transform: skew(-30deg);"><p style="box-sizing: border-box;"> 请输入标题 </p></section></section></section></section><section style="margin-top: 0.5em;margin-bottom: 0.5em;box-sizing: border-box;"><section style="background-color: rgb(48, 41, 21);height: 3px;box-sizing: border-box;"></section></section>
可视化
请输入标题
