CSS可以實現豎向數據滾動，這對于需要顯示大量數據的網站是非常有用的功能。下面是實現豎向數據滾動的CSS代碼：

.scrollbox {
height: 200px;  /* 設置滾動區域的高度 */
overflow-y: scroll;  /* 垂直滾動條 */
}

在上述代碼中，我們創建了一個類名為“scrollbox”的元素，并將其高度設置為200像素。然后，我們使用CSS的“overflow-y”屬性創建了一個垂直滾動條，使得在滾動區域內顯示的內容超出高度的部分將自動出現滾動條。

接下來，我們將垂直滾動條的樣式進行一些調整，使其更加美觀。以下是CSS代碼：

::-webkit-scrollbar {
width: 8px;  /* 滾動條寬度 */
background-color: #F5F5F5;  /* 滾動條背景色 */
}
::-webkit-scrollbar-thumb {
border-radius: 10px;  /* 滾動條按鈕圓角 */
background-color: #000000;  /* 滾動條按鈕顏色 */
}

在上述代碼中，我們使用CSS的“::-webkit-scrollbar”偽元素來設置滾動條的樣式。首先，我們將滾動條的寬度設置為8像素，將其背景色設置為灰色。接著，我們使用“::-webkit-scrollbar-thumb”偽元素來設置滾動條按鈕的樣式。我們將按鈕的圓角設置為10像素，背景色設置為黑色。

現在，我們已經完成了實現豎向數據滾動的CSS代碼，并且通過對滾動條樣式的調整，使其更加美觀。將以上兩段代碼整合起來，便可以輕松實現一個帶有垂直滾動條的滾動區域。