多彩时间轴样式

美化源代码
复制源代码
源代码
<section style="padding-top: 10px;padding-right: 10px;padding-left: 35px;margin-left: 50px;border-left: 2px dotted #0c8918;box-sizing: border-box;"><section style="width: 50px;margin-left: -84px;border-right-width: 5px;border-right-style: solid;border-right-color: #0c8918;text-align: center;box-sizing: border-box;"><p style="line-height: 1.5em;font-size: 14px;color: #0c8918;"><strong>96</strong></p><p style="line-height: 1.5em;font-size: 14px;color: #0c8918;">            5月</p></section><section style="margin-top: -43px;padding-bottom: 10px;margin-left: -10px;box-sizing: border-box;"><p style="line-height: 1.5em;font-size: 16px;color: #0c8918;"><strong>发布2.0</strong></p><p style="line-height: 1.5em;font-size: 14px;color: #0c8918;">            96新版本上线</p></section></section><section style="box-sizing: border-box;"><section style="padding-top: 10px;padding-right: 10px;padding-left: 35px;margin-left: 50px;border-left: 2px dotted #d82821;box-sizing: border-box;"><section style="width: 50px;margin-left: -84px;border-right: 5px solid #d82821;text-align: center;box-sizing: border-box;"><p style="line-height: 1.5em;font-size: 14px;color: #d82821;"><strong>96</strong></p><p style="line-height: 1.5em;font-size: 14px;color: #d82821;">                10月</p></section><section style="margin-top: -43px;padding-bottom: 10px;margin-left: -10px;box-sizing: border-box;"><p style="line-height: 1.5em;font-size: 16px;color: #d82821;"><strong>3.0发布</strong></p><p style="line-height: 1.5em;font-size: 14px;color: #d82821;">                微信编辑器图文上线</p></section></section></section><section style="box-sizing: border-box;"><section style="padding-top: 10px;padding-right: 10px;padding-left: 35px;margin-left: 50px;border-left: 2px dotted #1e9be8;box-sizing: border-box;"><section style="width: 50px;margin-left: -84px;border-right: 5px solid #1e9be8;text-align: center;box-sizing: border-box;"><p style="line-height: 1.5em;font-size: 14px;color: #1e9be8;"><strong>96</strong></p><p style="line-height: 1.5em;font-size: 14px;color: #1e9be8;">                4月</p></section><section style="margin-top: -43px;padding-bottom: 10px;margin-left: -10px;box-sizing: border-box;"><p style="line-height: 1.5em;font-size: 16px;color: #1e9be8;"><strong>4.0版本发布</strong></p><p style="line-height: 1.5em;font-size: 14px;color: #1e9be8;">                96使用签名功能上线</p></section></section></section><section style="box-sizing: border-box;"><section style="padding-top: 10px;padding-right: 10px;padding-left: 35px;margin-left: 50px;border-left: 2px dotted #8d4bbb;box-sizing: border-box;"><section style="width: 50px;margin-left: -84px;border-right: 5px solid #8d4bbb;text-align: center;box-sizing: border-box;"><p style="line-height: 1.5em;font-size: 14px;color: #8d4bbb;"><strong>96</strong></p><p style="line-height: 1.5em;font-size: 14px;color: #8d4bbb;">                9月</p></section><section style="margin-top: -43px;padding-bottom: 10px;margin-left: -10px;box-sizing: border-box;"><p style="line-height: 1.5em;font-size: 16px;color: #8d4bbb;"><strong>4.3版本发布</strong></p><p style="line-height: 1.5em;font-size: 14px;color: #8d4bbb;">                微信编辑器图文上线</p></section></section></section><section style="box-sizing: border-box;"><section style="padding-top: 10px;padding-right: 10px;padding-left: 35px;margin-left: 50px;border-left: 2px dotted #ff8124;box-sizing: border-box;"><section style="width: 50px;margin-left: -84px;border-right: 5px solid #ff8124;text-align: center;box-sizing: border-box;"><p style="line-height: 1.5em;font-size: 14px;color: #ff8124;"><strong>96</strong></p><p style="line-height: 1.5em;font-size: 14px;color: #ff8124;">                1月</p></section><section style="margin-top: -43px;padding-bottom: 10px;margin-left: -10px;box-sizing: border-box;"><p style="line-height: 1.5em;font-size: 16px;color: #ff8124;"><strong>96用户突破</strong></p><p style="line-height: 1.5em;font-size: 14px;color: #ff8124;">                用户破百万</p></section></section></section><section style="box-sizing: border-box;"><section style="padding-top: 10px;padding-right: 10px;padding-left: 35px;margin-left: 50px;border-left: 2px dotted #80b135;box-sizing: border-box;"><section style="width: 50px;margin-left: -84px;border-right: 5px solid #80b135;text-align: center;box-sizing: border-box;"><p style="line-height: 1.5em;font-size: 14px;color: #80b135;"><strong>96</strong></p><p style="line-height: 1.5em;font-size: 14px;color: #80b135;">                4月</p></section><section style="margin-top: -43px;margin-left: -10px;box-sizing: border-box;"><p style="line-height: 1.5em;font-size: 16px;color: #80b135;"><strong>赞赏功能</strong></p><p style="line-height: 1.5em;font-size: 14px;color: #80b135;">                iOS版96平台及表情赞赏功能被关闭</p><p style="line-height: 1.5em;font-size: 14px;color: #80b135;"><br/></p></section></section></section>
可视化
5月
发布2.0
96新版本上线
10月
3.0发布
微信编辑器图文上线
4月
4.0版本发布
96使用签名功能上线
9月
4.3版本发布
微信编辑器图文上线
1月
96用户突破
用户破百万
4月
赞赏功能
iOS版96平台及表情赞赏功能被关闭
专注移动端开发

快速链接

关于我们

115cms信息内容管理系统
