边框正文带标题简约

源代码

<section style="margin:30px;text-align: center;border-width: 1px;border-style: solid;border-color: rgb(0, 85, 90);box-sizing: border-box;"><section style="display: inline-block;background: rgb(255,255,255);vertical-align: top;margin-top: -18px;"><section style="display: inline-block;vertical-align: top;margin-left: -5px;margin-top: -3px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);"><section style="display: inline-block;vertical-align: middle;width: 15px;height: 1px;border-top: 1px solid rgb(0, 85, 90);box-sizing: border-box;"></section><section style="display: inline-block;vertical-align: middle;width: 5px;height: 5px;border-radius: 100%;border-width: 1px;border-style: solid;border-color: rgb(0, 85, 90);box-sizing: border-box;"></section></section><section style="display: inline-block;vertical-align: top;padding-right: 20px;padding-left: 20px;box-sizing: border-box;"><p style="font-size: 16px;font-weight: bold;color:rgb(0,85,90);min-width: 1px;">河流的秘密</p></section><section style="display: inline-block;vertical-align: bottom;margin-bottom: -12px;margin-right: -2px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);"><section style="display: inline-block;vertical-align: middle;width: 5px;height: 5px;border-radius: 100%;border-width: 1px;border-style: solid;border-color: rgb(0, 85, 90);box-sizing: border-box;"></section><section style="display: inline-block;vertical-align: middle;width: 15px;height: 1px;border-top: 1px solid rgb(0, 85, 90);box-sizing: border-box;"></section></section></section><section style="padding: 10px;box-sizing: border-box;"><p style="font-size: 14px;color:rgb(0,85,90);min-width: 1px;text-align: justify;">小说应该具备某种境界，或者是朴素空灵，或者是诡谲深奥，或者是人性意义上的，或者是哲学意义上的，它们无所谓高低，它们都支撑小说的灵魂。</p></section></section>

关于我们

快捷导航

联系我们

关于我们