立体往期回顾公告牌边框正文

美化源代码

复制源代码

源代码
<section style="margin:10px 0px;"><section style="display: inline-block;vertical-align: top;width: 100%;border-width: 0px;box-sizing: border-box;"><section style="height: 10px;width: 100%;border-left: 1px solid rgb(53, 125, 186);transform-origin: left top 0px;margin-bottom: -11px;border-top-color: rgb(53, 125, 186);border-right-color: rgb(53, 125, 186);border-bottom-color: rgb(53, 125, 186);transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);"></section><section style="height: 10px;width: 100%;border-right: 1px solid rgb(53, 125, 186);transform-origin: right top 0px;margin-bottom: -11px;border-top-color: rgb(53, 125, 186);border-left-color: rgb(53, 125, 186);border-bottom-color: rgb(53, 125, 186);transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);"></section><section style="border-width: 1px;border-style: solid;border-color: rgb(53, 125, 186);box-sizing: border-box;"><section><section style="text-align: justify;line-height: 1.5;margin: 5px;"><section style="border-width: 1px;border-style: solid;border-color: rgb(53, 125, 186);padding: 10px 13px;background-color: rgb(239, 239, 239);box-sizing: border-box;"><p style="white-space: normal;letter-spacing: 2px;text-align: center;"><span style="font-size: 22px;"><strong>往期回顾</strong></span></p><p style="font-size: 14px;white-space: normal;letter-spacing: 2px;text-align: center;">                            Review of previous periods</p><section style="font-size: 14px;margin-top: 15px;border-bottom: 1px dashed rgb(168, 167, 167);color: rgb(75, 142, 226);padding: 4px 1em;box-sizing: border-box;"><span style="color: #888888;">●乖，不要再这样了</span></section><section style="font-size: 14px;margin-top: 10px;border-bottom: 1px dashed rgb(168, 167, 167);color: rgb(75, 142, 226);padding: 4px 1em;box-sizing: border-box;"><span style="color: #888888;">●干货：如何给文章添加背景！</span></section><p style="font-size: 14px;margin-top: 10px;border-bottom: 1px dashed rgb(168, 167, 167);color: rgb(75, 142, 226);padding: 4px 1em;box-sizing: border-box;"><span style="color: #888888;">●一键操作，添加文章开头和结尾.</span></p></section></section></section><section style="height: 10px;width: 100%;border-left: 1px solid rgb(53, 125, 186);transform-origin: left top 0px;margin-bottom: -11px;border-top-color: rgb(53, 125, 186);border-right-color: rgb(53, 125, 186);border-bottom-color: rgb(53, 125, 186);transform: rotate(-135deg);-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-ms-transform: rotate(-135deg);-o-transform: rotate(-135deg);"></section><section style="height: 10px;width: 100%;border-right: 1px solid rgb(53, 125, 186);transform-origin: right top 0px;margin-bottom: -11px;border-top-color: rgb(53, 125, 186);border-left-color: rgb(53, 125, 186);border-bottom-color: rgb(53, 125, 186);transform: rotate(135deg);-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-ms-transform: rotate(135deg);-o-transform: rotate(135deg);"></section></section></section></section>

可视化

往期回顾

Review of previous periods

●乖，不要再这样了

●干货：如何给文章添加背景！

●一键操作，添加文章开头和结尾.

专注移动端开发

快速链接

关于我们

115cms信息内容管理系统