CSS時間線常常被用于展示時間相關的內容，它的基本結構是一個ul列表，每個時間點被表示為一個li元素，并在其中包含一個帶有具體信息的div元素。以下是一個示例代碼：

<ul class="timeline">
<li>
<div class="timeline-content">
<h2>1990年</h2>
<p>第一個網站于1990年發生，在斯沃爾德爾的歐洲粒子物理實驗室（CERN）發生。</p>
</div>
</li>
<li>
<div class="timeline-content">
<h2>1993年</h2>
<p>Mosaic，第一個流行的Web瀏覽器，發布。</p>
</div>
</li>
</ul>

上面的代碼中，每個li元素都被添加了一個.timeline-content div元素，該元素包含時間點的具體信息和描述。 CSS樣式可以根據項目的需求進行修改。例如，我們可以通過以下方式，讓每個元素在頁面上以交替的方式出現：

.timeline {
list-style-type: none;
margin: 0;
padding: 0;
position: relative;
}
.timeline:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
width: 2px;
background-color: #e5e5e5;
left: 50%;
margin-left: -1px;
}
.timeline li {
position: relative;
margin-bottom: 50px;
}
.timeline li:before {
content: '';
position: absolute;
top: 21px;
left: 50%;
margin-left: -10px;
width: 12px;
height: 12px;
border-radius: 50%;
background-color: white;
border: 2px solid #e5e5e5;
}
.timeline li:after {
content: '';
position: absolute;
width: 25px;
height: 5px;
background-color: white;
top: 24px;
left: 50%;
margin-left: -12px;
}
.timeline li .timeline-content {
position: relative;
width: 44%;
left: 32%;
}

通過這些樣式，每個時間點被賦予了獨特的樣式，其中時間點在時間線上以交替方式出現。