简约边框几何正文带标题

源代码

<section style="width:100%;margin:5px auto 10px;"><section style="width:100%;"><section style="width: 29%;border-top: 1px solid rgb(81, 103, 120);display: inline-block;box-sizing: border-box;"></section><section style="width: 30%;border-width: 1px;border-style: solid;border-color: rgb(81, 103, 120);display: inline-block;margin-left: 5%;box-sizing: border-box;"><section style="width: 95%;border-width: 1px;border-style: solid;border-color: transparent;text-align: center;padding-top: 5px;padding-bottom: 5px;margin-top: 5px;margin-bottom: -5px;margin-left: 5%;color: white;background-color: rgb(81, 103, 120);box-sizing: border-box;"><p style="font-size:16px;">稳稳的就够</p></section></section><section style="width: 29%;border-top: 1px solid rgb(81, 103, 120);display: inline-block;margin-left: 5%;box-sizing: border-box;"></section></section><section style="width: 100%;border-bottom: 1px solid rgb(81, 103, 120);margin: auto;padding-top: 20px;padding-bottom: 20px;color: grey;letter-spacing: 2px;box-sizing: border-box;"><section style="display: inline-block;width: 14px;height: 14px;vertical-align: middle;border-radius: 3px;background: rgb(81, 103, 120);box-sizing: border-box;"></section><section style="margin-left:18px;margin-top:-21px;vertical-align:middle;margin-bottom:10px;"><section style="color: rgb(89, 89, 89);"><p style="font-size: 14px;">我们都不是很完美的人，但我们要接受不完美的自己。在孤独的时候，给自己安慰；在寂寞的时候，给自己温暖。学会独立，告别依赖，对软弱的自己说再见</p></section></section></section><section style="width: 20px;height: 20px;margin-right: auto;margin-left: auto;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);"><section style="width: 20px;height: 20px;border-width: 1px;border-style: solid;border-color: rgb(81, 103, 120);margin: -5px auto;box-sizing: border-box;"><section style="width: 20px;height: 20px;border-width: 1px;border-style: solid;border-color: transparent;margin: -5px -5px 3px 3px;background-color: rgb(81, 103, 120);box-sizing: border-box;"></section></section></section></section>

关于我们

快捷导航

联系我们

关于我们