CSS頁面滾動條是指網頁顯示區域右側豎直方向的滾動條，可以用來控制頁面上下滾動。滾動條樣式可以通過CSS來設置，可以使頁面更加美觀。

常見的CSS滾動條樣式設置如下：

/*設置滾動條的寬度、顏色、邊界和圓角*/
::-webkit-scrollbar {
width: 20px;
height: 10px;
border: 5px solid #fff;
border-radius: 8px;
background-color: #f5f5f5;
}
/*設置滾動條滑塊的樣式*/
::-webkit-scrollbar-thumb {
background-color: #777;
border-radius: 8px;
}
/*設置滾動條滑塊按下狀態的樣式*/
::-webkit-scrollbar-thumb:active {
background-color: #999;
}
/*設置滾動條軌道的樣式*/
::-webkit-scrollbar-track {
background-color: #eee;
border-radius: 8px;
}
/*設置滾動條軌道的陰影*/
::-webkit-scrollbar-track-piece {
box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
}
/*設置滾動條軌道被按下的樣式*/
::-webkit-scrollbar-button {
display:none;
}

在CSS中，可以使用偽元素“::-webkit-scrollbar”來設置滾動條的樣式。其中，“::-webkit-scrollbar”是一個通用偽元素，用于設置滾動條，而“::-webkit-scrollbar-thumb”、“::-webkit-scrollbar-track”、“::-webkit-scrollbar-track-piece”和“::-webkit-scrollbar-button”等是具體標識一個滑塊、軌道、軌道碎片和按鈕的偽元素。

要想使滾動條樣式生效，需要設置滾動元素的overflow屬性的值為auto或scroll。例如：

div {
overflow: auto;
}

在實際應用中，常用的CSS滾動條樣式還有很多，可以根據需要靈活設置。