简约线条几何标题

源代码

<section style="margin-top: 10px;margin-bottom: 10px;padding-right: 3px;padding-left: 3px;text-align: center;overflow: hidden;box-sizing: border-box;"><section style="padding: 3px 10px;margin-bottom: -1em;font-size: 14px;color: rgb(102, 102, 102);line-height: 1.6;letter-spacing: 3px;box-sizing: border-box;"><p style="box-sizing: border-box;"><strong style="box-sizing: border-box;">在这里请输入标题</strong></p></section><section style="height: 2.8em;box-sizing: border-box;"><section style="box-sizing: border-box;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);"><section style="width: 2em;height: 2em;margin: auto;display: inline-block;box-sizing: border-box;"><section style="width: 6px;height: 6px;margin-left: -3px;border-radius: 100%;background-color: rgb(204, 204, 204);box-sizing: border-box;"></section><section style="height: 100%;border-left: 1px solid rgb(204, 204, 204);border-bottom: 1px solid rgb(204, 204, 204);box-sizing: border-box;"></section><section style="width: 6px;height: 6px;float: right;margin-top: -3px;margin-right: -5px;border-radius: 100%;background-color: rgb(204, 204, 204);box-sizing: border-box;"></section></section></section><section style="width: 100%;display: inline-block;vertical-align: top;margin-top: -0.8em;box-sizing: border-box;"><section style="border-top: 1px solid rgb(204, 204, 204);box-sizing: border-box;"></section><section style="width: 6px;height: 6px;margin-top: -3px;border-radius: 100%;background-color: rgb(204, 204, 204);box-sizing: border-box;"></section><section style="width: 6px;height: 6px;margin-top: -6px;float: right;border-radius: 100%;background-color: rgb(204, 204, 204);box-sizing: border-box;"></section></section></section></section>

关于我们

快捷导航

联系我们

关于我们