网页中时光轴网页中时光轴CSS实现实现
本文实例为大家分享了网页中时光轴的制作方法，供大家参考，具体内容如下
效果图：效果图：
实现代码：实现代码：
XML/HTML Code复制内容到剪贴板
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>时光轴</title>
<style>
.container {
width: 800px;
margin: 50px auto;
}
.vertical-timeline {
color: #FFF;
font-family: "微软雅黑", "Microsoft YaHei";
}
.vertical-timeline-block {
width: 100%;
border-left: 2px solid #DDD;
margin: 0 20px;
position: relative;
padding-bottom: 30px;
}
/* 时间轴的左侧图标 */
.vertical-timeline-icon {
width: 40px;
height: 40px;
评论0