多彩时间轴样式

源代码

<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平台及表情赞赏功能被关闭

关于我们

快捷导航

联系我们

关于我们