CSS是一種用于描述網頁樣式的語言，它可以幫助我們實現各種視覺效果，包括在滾動條上顯示，在CSS中，我們可以通過設置滾動條的樣式來實現這一功能，以下是一些關于如何在滾動條上顯示CSS樣式的建議：

1、使用::-webkit-scrollbar偽元素：這個偽元素可以用來定制滾動條的樣式，包括顏色、寬度等，你可以使用以下CSS代碼來設置滾動條的顏色為藍色：

::-webkit-scrollbar {
  background-color: blue;
}

2、設置滾動條的寬度：除了顏色，你還可以設置滾動條的寬度，以下CSS代碼可以將滾動條寬度設置為10px：

::-webkit-scrollbar {
  width: 10px;
}

3、自定義滾動條樣式：除了顏色和寬度，你還可以自定義滾動條的樣式，例如添加邊框、圓角等，以下CSS代碼可以為滾動條添加邊框：

::-webkit-scrollbar {
  border: 1px solid #000;
  border-radius: 5px;
}

4、響應式設計：在設計網頁時，需要考慮不同設備的屏幕尺寸和分辨率，你可能需要使用媒體查詢來設置不同屏幕下的滾動條樣式，以下CSS代碼可以在小屏幕下設置滾動條顏色為紅色：

@media (max-width: 600px) {
  ::-webkit-scrollbar {
    background-color: red;
  }
}

通過以上CSS代碼，你可以自定義網頁的滾動條樣式，提升用戶體驗，也要注意兼容性問題，確保你的CSS代碼在各種瀏覽器下都能正常工作。