如何使用CSS添加滾動條 要在網頁中添加滾動條，可以使用CSS中的overflow屬性。下面是具體的步驟。 1. 創建一個帶有內容的元素，例如一個div元素。

<div class="my-content">
<p>這是一段很長很長的內容...</p>
<p>這是另一段內容...</p>
</div>

2.為該元素添加樣式，設置它的高度和寬度，以及overflow屬性為scroll或auto，示例如下：

.my-content {
width: 300px;
height: 200px;
border: 1px solid #ccc;
overflow: auto;
}

這樣，當內容超出div的高度或寬度時，就會顯示一個滾動條，用戶可以通過滾動條來查看所有內容。 3. 如果想要修改滾動條的樣式，可以使用CSS中的::-webkit-scrollbar偽元素。例如，以下代碼將滾動條的背景顏色設置為灰色，滾動條邊緣的顏色設置為白色。

.my-content::-webkit-scrollbar {
width: 8px;
background-color: #f5f5f5;
}
.my-content::-webkit-scrollbar-thumb {
background-color: #aaaaaa;
border-radius: 4px;
border: 2px solid #f5f5f5;
}

這樣，就可以自定義滾動條樣式。 總結 使用CSS添加滾動條非常簡單，只需在要添加滾動條的元素上設置overflow屬性為scroll或auto即可。如果想要自定義滾動條樣式，可以使用::-webkit-scrollbar偽元素來實現。