我们玩独立博客的，都会有一个关于或发展历程的页面，专门用来记录我们折腾博客的一些重大事情。如果用时光轴来记录这些重大事情，可以让用户更加直观地看到我们的发展历程，这样对用户体验应该是有好处的。看了好几个博客站，都有一个发展历程的页面，自己也做过这样一个页面，但是没有别人的特效样式，就纯一个项目序号列表，觉得有点丑，所以今天抽空改了一下页面样式。
在我们所使用的wordpress主题的style.CSS文件后面添加以下代码：
在编辑页面或文章时，切换到文本模式， 然后按以下格式编辑内容：
以后增加时光轴记录的时候，就切换到文本模式按以下格式一条条记录增加即可
1、具体效果，请移步《href="https://qq52o.me/history.HTML" target="_blank" rel="noopener">发展历程》。
2、由于这个时光轴仅仅是通过CSS来实现，所以在编辑时光轴记录的时候一定要严格按照相应的格式编写才行。
3、同样是因为时光轴是通过CSS来实现，所以任何博客网站，包括wordpress、zblog等程序建立的博客网站都可以按这个方法成功添加时光轴记录。
总结以上是内存溢出为你收集整理的纯CSS为博客网站添加时光轴记录全部内容，希望文章能够帮你解决纯CSS为博客网站添加时光轴记录所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）