CSS的滾動條樣式是一個相當受歡迎的主題，因為它可以幫助我們定制網頁的外觀。其中一個最常見的應用是在HTMLdiv元素中添加滾動條。
div {
overflow-y: scroll;
width: 300px;
height: 150px;
}在上面的代碼中，我們為
元素添加了一個overflow-y: scroll屬性，它為我們提供了一個垂直滾動條。如您所見，我們也可以定義
的寬度和高度。
但是，這只有一個普通的滾動條。要更改它的樣式和外觀，我們需要一些CSS技巧。
/* 滾動條整體樣式 */
div::-webkit-scrollbar {
width: 10px;
}
div::-webkit-scrollbar-track {
background-color: #f1f1f1;
}
div::-webkit-scrollbar-thumb {
background-color: #888;
border-radius: 5px;
}
/* 滾動條被懸停時的樣式 */
div::-webkit-scrollbar-thumb:hover {
background-color: #555;
}在上面的代碼中，我們重寫了WebKit子界面中的樣式，指定了整個滾動條，軌道和滑塊的樣式。
現在您可以使用CSS輕松地為
元素創建一個超酷的自定義滾動條。