CSS3邊框滾動條是CSS3的一項新特性，它允許我們更加簡便地控制網站頁面的邊框和滾動條的外觀，從而提高用戶的體驗。

/* CSS3邊框樣式 */
div {
border:3px solid #c5c5c5;
border-radius:5px;
padding:10px;
overflow:auto;
width:250px;
height:300px;
}
/* CSS3滾動條樣式 */
div::-webkit-scrollbar {
width: 10px;
height: 10px;
}
div::-webkit-scrollbar-track {
background-color: #eaeaea;
}
div::-webkit-scrollbar-thumb {
background-color: #c5c5c5;
border-radius: 10px;
}
div::-webkit-scrollbar-thumb:hover {
background-color: #a0a0a0;
}

以上代碼展示了如何使用CSS3來實現邊框和滾動條的自定義樣式。我們在div元素的樣式中設置了一個3像素實線邊框，并設置了border-radius屬性來實現圓角邊框。overflow:auto屬性使得內容超出容器時出現滾動條。

接下來，我們使用了::-webkit-scrollbar偽元素來定義滾動條的樣式。其中，width和height屬性用來控制滾動條的寬度和高度，::-webkit-scrollbar-track用來設置滾動條的背景色，而::-webkit-scrollbar-thumb用來設置滾動條把手的背景色和圓角。最后，使用:hover偽類來定義鼠標懸停在滾動條上時的樣式。

通過使用CSS3邊框滾動條，我們可以輕松地自定義網站頁面的外觀，提高用戶體驗，增加網站的吸引力。