CSS3中，我們可以使用樣式屬性“overflow”控制元素中的內(nèi)容超出部分的顯示方式，例如scroll、auto、hidden等等。當(dāng)我們使用scroll或auto屬性后，會出現(xiàn)一個滾動條來幫助用戶查看不可見的部分。

然而，在某些情況下，滾動條對于用戶來說并不夠友好。比如當(dāng)用戶使用鼠標(biāo)滾輪來瀏覽頁面內(nèi)容時，突然出現(xiàn)的滾動條會打斷用戶的閱讀體驗(yàn)。此時，我們需要使用CSS3中的“-webkit-scrollbar”偽元素來自定義滾動條。

/* 隱藏滾動條 */
::-webkit-scrollbar {
display: none;
}
/* 自定義滾動條 */
::-webkit-scrollbar {
width: 10px;
height: 10px;
}
::-webkit-scrollbar-track {
background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb {
background-color: #000000;
}

以上代碼分別是隱藏滾動條和自定義滾動條的示例。其中，我們通過設(shè)置“-webkit-scrollbar”偽元素的寬度和高度來定義滾動條的大小，通過設(shè)置“-webkit-scrollbar-track”和“-webkit-scrollbar-thumb”偽元素的背景顏色來定義滾動條底部軌道和拖動條的樣式。

需要注意的是，以上代碼只能在webkit內(nèi)核瀏覽器中生效，其他瀏覽器需要使用類似的偽元素去控制滾動條。當(dāng)然，如果你的頁面不需要使用滾動條，可以直接將樣式屬性“overflow”設(shè)置為hidden。