简约倒三角边框正文

美化源代码
复制源代码
源代码
<section style="margin-right: 0%;margin-bottom: 10px;margin-left: 0%;text-align: center;box-sizing: border-box;"><section style="display: inline-block;width: 92%;vertical-align: top;background-color: #ffffff;padding-right: 10px;padding-bottom: 10px;padding-left: 10px;border-radius: 11px;border-width: 4px;border-style: double;border-color: #f8b906;box-sizing: border-box;"><section><section style="margin-right: 0%;margin-bottom: 8px;margin-left: 0%;box-sizing: border-box;"><section style="border-bottom: 2px solid #f8b906;box-sizing: border-box;"></section><section style="width: 0px;border-top: 1em solid #f8b906;margin: auto;border-left: 0.8em solid transparent !important;border-right: 0.8em solid transparent !important;box-sizing: border-box;"></section></section></section><section><section style="margin: 30px 0% 10px;box-sizing: border-box;"><section style="display: inline-block;vertical-align: top;width: 50%;box-sizing: border-box;"><section><section style="text-align: right;margin-right: 0%;margin-bottom: -10px;margin-left: 0%;box-sizing: border-box;"><section style="display: inline-block;min-width: 10%;max-width: 100%;vertical-align: top;padding-right: 20px;box-sizing: border-box;"><section><section style="margin-right: 0%;margin-left: 0%;box-sizing: border-box;"><section style="text-align: center;color: rgb(119, 122, 122);font-size: 18px;box-sizing: border-box;"><p style="box-sizing: border-box;">                                                该遇见的</p></section></section></section></section></section></section><section><section style="margin-top: -10px;margin-right: 0%;margin-left: 0%;text-align: right;box-sizing: border-box;transform: translate3d(9px, 0px, 0px);"><section style="display: inline-block;vertical-align: top;background-color: #feffff;box-sizing: border-box;"><section style="display: inline-block;vertical-align: bottom;margin-bottom: 11px;width: 5px;border-right: 1px solid #88d7ef;border-left: 1px solid #88d7ef;height: 8px;transform-origin: center bottom 0px;-webkit-transform-origin: center bottom 0px;-moz-transform-origin: center bottom 0px;-o-transform-origin: center bottom 0px;border-top-color: #88d7ef;border-bottom-color: #88d7ef;box-sizing: border-box;transform: skew(-30deg);-webkit-transform: skew(-30deg);-moz-transform: skew(-30deg);-ms-transform: skew(-30deg);-o-transform: skew(-30deg);"></section><section style="display: inline-block;vertical-align: top;padding-left: 10px;box-sizing: border-box;"><p style="box-sizing: border-box;"><br/></p></section></section><section style="height: 12px;margin-top: -12px;border-top: 1px solid #88d7ef;box-sizing: border-box;"></section></section></section></section><section style="display: inline-block;vertical-align: top;width: 50%;box-sizing: border-box;"><section><section style="margin-right: 0%;margin-left: 0%;text-align: left;box-sizing: border-box;"><section style="display: inline-block;vertical-align: top;background-color: #feffff;box-sizing: border-box;"><section style="display: inline-block;vertical-align: top;padding-right: 5px;box-sizing: border-box;"><p style="box-sizing: border-box;"><br/></p></section><section style="margin-right: 4px;margin-bottom: 4px;display: inline-block;vertical-align: bottom;width: 5px;border-right: 1px solid #88d7ef;border-left: 1px solid #88d7ef;height: 8px;transform-origin: center bottom 0px;-webkit-transform-origin: center bottom 0px;-moz-transform-origin: center bottom 0px;-o-transform-origin: center bottom 0px;border-top-color: #88d7ef;border-bottom-color: #88d7ef;box-sizing: border-box;transform: skew(-30deg);-webkit-transform: skew(-30deg);-moz-transform: skew(-30deg);-ms-transform: skew(-30deg);-o-transform: skew(-30deg);"></section></section><section style="height: 12px;margin-top: -12px;border-top: 1px solid #88d7ef;box-sizing: border-box;"></section></section></section><section><section style="text-align: left;margin-top: -10px;margin-right: 0%;margin-left: 0%;box-sizing: border-box;"><section style="display: inline-block;min-width: 10%;max-width: 100%;vertical-align: top;padding-left: 20px;box-sizing: border-box;"><section><section style="box-sizing: border-box;"><section style="color: rgb(119, 122, 122);font-size: 18px;box-sizing: border-box;"><p style="box-sizing: border-box;">                                                总会遇见</p></section></section></section></section></section></section></section></section></section><section><section style="margin-top: 15px;margin-right: 0%;margin-left: 0%;box-sizing: border-box;"><section style="text-align: justify;font-size: 14px;color: #777a7a;letter-spacing: 1px;line-height: 2;padding-right: 5px;padding-left: 5px;box-sizing: border-box;"><p style="white-space: normal;box-sizing: border-box;">                        岁月会让人沉淀下来，向往一种简单，干净，温馨的氛围。该遇见的，总会遇见，而该离开的，亦不再强求，时间过滤下来的，都会是生命中最真切的感动，平静而温暖，美好而善真。</p><p style="white-space: normal;box-sizing: border-box;"><br/></p></section></section></section></section></section>
可视化
该遇见的
总会遇见
岁月会让人沉淀下来，向往一种简单，干净，温馨的氛围。该遇见的，总会遇见，而该离开的，亦不再强求，时间过滤下来的，都会是生命中最真切的感动，平静而温暖，美好而善真。
专注移动端开发

快速链接

关于我们

115cms信息内容管理系统
