边框文章列表带标题

美化源代码

复制源代码

源代码
<section style="border-width: 0px;border-style: none;border-color: initial;box-sizing: border-box;"><section style="width: 100%;height: auto;margin: 30px auto;border-width: 0px;border-style: none;border-color: initial;box-sizing: border-box;"><section style="margin-bottom: -18px;"><section style="display: inline-block;width: auto;padding: 8px;background-color: #757576;color: #fefefe;box-sizing: border-box;">                人生是一场旅程</section></section><section style="padding: 15px;box-sizing: border-box;border-top: 1px solid #555555;border-right: 1px solid #555555;border-bottom: 1px solid #555555;border-left: none;"><p style="width: 100%;height: 30px;line-height: 30px;text-indent: 30px;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;"><span style="display: block;width: 0;height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 12px solid #222;"></span><span style="line-height: inherit;">人会碰到许多的人</span></p><p style="width: 100%;height: 30px;line-height: 30px;text-indent: 30px;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;"><span style="display: block;width: 0;height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 12px solid #222;"></span><span style="line-height: inherit;">有惊艳了时光的</span></p><p style="width: 100%;height: 30px;line-height: 30px;text-indent: 30px;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;"><span style="display: block;width: 0;height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 12px solid #222;"></span><span style="line-height: inherit;">有错过了时光的</span></p><p style="width: 100%;height: 30px;line-height: 30px;text-indent: 30px;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;"><span style="display: block;width: 0;height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 12px solid #222;"></span><span style="line-height: inherit;">有的温柔了时光</span></p><p style="width: 100%;height: 30px;line-height: 30px;text-indent: 30px;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;"><span style="display: block;width: 0;height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 12px solid #222;"></span><span style="line-height: inherit;">不管怎么样，碰到的就是缘分</span></p></section><section style="width: 20%;height: 2px;padding-top: 5px;padding-bottom: 5px;background-color: #fafafa;margin-top: -5px;box-sizing: border-box;"></section></section></section>

可视化

人生是一场旅程

人会碰到许多的人

有惊艳了时光的

有错过了时光的

有的温柔了时光

不管怎么样，碰到的就是缘分

专注移动端开发

快速链接

关于我们

115cms信息内容管理系统