在Web開發中，經常需要用到目錄，如何使用CSS實現一個簡單的目錄呢？下面是一個示例：

<div class="wrapper">
<h2>目錄</h2>
<ul>
<li>
<a href="#section1">第一節</a>
</li>
<li>
<a href="#section2">第二節</a>
</li>
<li>
<a href="#section3">第三節</a>
</li>
</ul>
</div>
<div class="content">
<h2 id="section1">第一節</h2>
<p>這是第一節的內容。</p>
<h2 id="section2">第二節</h2>
<p>這是第二節的內容。</p>
<h2 id="section3">第三節</h2>
<p>這是第三節的內容。</p>
</div>

以上是HTML結構，接下來使用CSS來樣式化目錄：

.wrapper {
float: left;
width: 200px;
margin-right: 20px;
}
.wrapper h2 {
font-size: 18px;
font-weight: bold;
}
.wrapper ul {
list-style: none;
padding: 0;
margin: 0;
}
.wrapper li {
margin: 10px 0;
}
.wrapper a {
font-size: 16px;
color: #333;
text-decoration: none;
transition: all 0.3s ease;
}
.wrapper a:hover {
color: #1E90FF;
}
.content {
float: left;
width: 500px;
}
.content h2 {
font-size: 22px;
font-weight: bold;
margin-top: 30px;
}
.content p {
font-size: 16px;
line-height: 24px;
margin: 20px 0;
}

以上CSS樣式化的主要內容包括目錄的容器（wrapper）和列表（ul、li）、目錄標題（h2）、目錄鏈接（a）、內容容器（content）、內容標題（h2）和內容段落（p）。

通過CSS樣式化，我們實現了一個簡單的目錄，讓用戶可以方便地查看并跳轉到不同的部分。