要修改滾動條的樣式，可以使用CSS的偽元素和屬性選擇器來實現。具體步驟如下：
::-webkit-scrollbar偽元素來選擇滾動條。width和height屬性設置滾動條的寬度和高度，例如：width: 10px;。background-color屬性設置滾動條的背景顏色，例如：background-color: #ccc;。border-radius屬性設置滾動條的圓角，例如：border-radius: 5px;。::-webkit-scrollbar-thumb偽元素來選擇滾動條的拖動手柄。background-color屬性設置滾動條手柄的顏色，例如：background-color: #888;。::-webkit-scrollbar-track偽元素來選擇滾動條的軌道。background-color屬性設置滾動條軌道的背景顏色，例如：background-color: #f0f0f0;。以下是一個示例CSS代碼：
/* 修改滾動條的樣式 */
::-webkit-scrollbar {
width: 10px;
height: 10px;
background-color: #ccc;
}
/* 修改滾動條的拖動手柄樣式 */
::-webkit-scrollbar-thumb {
background-color: #888;
border-radius: 5px;
}
/* 修改滾動條的軌道樣式 */
::-webkit-scrollbar-track {
background-color: #f0f0f0;
}
將上述CSS代碼應用到需要修改滾動條樣式的元素上，即可改變滾動條的外觀。請注意，不同瀏覽器可能對滾動條樣式的支持程度不同，因此可能需要根據實際情況進行調整。
