在CSS中，可以使用::-webkit-scrollbar偽元素來定制滾動(dòng)條的樣式，包括滾動(dòng)條的大小、顏色等，以下是一個(gè)示例，展示如何將滾動(dòng)條變小：

::-webkit-scrollbar {
    width: 5px; /* 滾動(dòng)條的寬度 */
    height: 5px; /* 滾動(dòng)條的高度 */
}
::-webkit-scrollbar-track {
    background: #f1f1f1; /* 滾動(dòng)條的軌道背景色 */
}
::-webkit-scrollbar-thumb {
    background: #888; /* 滾動(dòng)條的把手背景色 */
    border: 1px solid #555; /* 滾動(dòng)條的邊框 */
    border-radius: 3px; /* 滾動(dòng)條的圓角 */
}

上述CSS代碼將滾動(dòng)條的寬度和高度都設(shè)置為5px，并定制了滾動(dòng)條的軌道和把手的背景色、邊框和圓角，你可以根據(jù)自己的需求調(diào)整這些值。

需要注意的是，這種方法主要適用于WebKit內(nèi)核的瀏覽器（如Chrome和Safari），因?yàn)槠渌麨g覽器可能不支持::-webkit-scrollbar偽元素，如果你需要兼容其他瀏覽器，可以考慮使用JavaScript庫來動(dòng)態(tài)添加滾動(dòng)條樣式。