多彩时间轴样式

源代码

<section style="margin-top:10px;"><section style="width: 10px;height: 10px;border-width: 2px;border-style: solid;border-color: #f86e51;background-color: #ffffff;border-radius: 50%;transform: rotatez(0deg);"></section><section style="margin-top:-10px;margin-left:4px;border-left: 2px solid #f86e51;box-sizing: border-box;padding:0px 10px 10px;"><section style=""><p style="font-size: 16px;color: #666666;line-height: 1.5;">                2018.03.11</p></section><section style="background-color: #f86e51;padding: 5px;border-radius: 5px;display: inline-block;margin-top: 5px;box-sizing: border-box;"><p style="color: #ffffff;font-size: 15px;line-height: 1.5;">                96新版本上线</p></section></section></section><section style="margin-top:10px;"><section style="width: 10px;height: 10px;border-width: 2px;border-style: solid;border-color: #fab80a;background-color: #ffffff;border-radius: 50%;transform: rotatez(0deg);"></section><section style="margin-top:-10px;margin-left:4px;border-left: 2px solid #fab80a;box-sizing: border-box;padding:0px 10px 10px;"><section style=""><p style="font-size: 16px;color: #666666;line-height: 1.5;">                2017.09.02</p></section><section style="background-color: #fab80a;padding: 5px;border-radius: 5px;display: inline-block;margin-top: 5px;box-sizing: border-box;"><p style="color: #ffffff;font-size: 15px;line-height: 1.5;">                微信编辑器图文上线</p></section></section></section><section style="margin-top:10px;"><section style="width: 10px;height: 10px;border-width: 2px;border-style: solid;border-color: #1fd8b4;background-color: #ffffff;border-radius: 50%;transform: rotatez(0deg);"></section><section style="margin-top:-10px;margin-left:4px;border-left: 2px solid #1fd8b4;box-sizing: border-box;padding:0px 10px 10px;"><section style=""><p style="font-size: 16px;color: #666666;line-height: 1.5;">                2017.03.09</p></section><section style="background-color: #1fd8b4;padding: 5px;border-radius: 5px;display: inline-block;margin-top: 5px;box-sizing: border-box;"><p style="color: #ffffff;font-size: 15px;line-height: 1.5;">                96使用签名功能上线</p></section></section></section><section style="margin-top:10px;"><section style="width: 10px;height: 10px;border-width: 2px;border-style: solid;border-color: #61a0f6;background-color: #ffffff;border-radius: 50%;transform: rotatez(0deg);"></section><section style="margin-top:-10px;margin-left:4px;border-left: 2px solid #61a0f6;box-sizing: border-box;padding:0px 10px 10px;"><section style=""><p style="font-size: 16px;color: #666666;line-height: 1.5;">                2017.01.15</p></section><section style="background-color: #61a0f6;padding: 5px;border-radius: 5px;display: inline-block;margin-top: 5px;box-sizing: border-box;"><p style="color: #ffffff;font-size: 15px;line-height: 1.5;">                微信编辑器图文上线</p></section></section></section>

关于我们

快捷导航

联系我们

关于我们