CSS3中新增了許多有用的功能，其中包括上下鍵。下面我們來詳細了解一下如何實現這一功能。

/* 為需要添加上下鍵的元素添加下面的CSS代碼 */
.element{
overflow: auto;
}
/* 為上下鍵分別設置樣式 */
.element::-webkit-scrollbar-button{
background-color:#F5F5F5; /* 設置背景色 */
height:20px; /* 設置高度 */
width:20px; /* 設置寬度 */
}
/* 上下鍵被按下時的樣式 */
.element::-webkit-scrollbar-button:active{
background-color:#CCC;  /* 設置按下時的背景色 */
}
/* 上下鍵指向的方向樣式 */
.element::-webkit-scrollbar-button:vertical:increment{
background-image:url(arrow_down.png); /* 設置向下箭頭的圖片 */
background-repeat:no-repeat;
}
.element::-webkit-scrollbar-button:vertical:decrement{
background-image:url(arrow_up.png); /* 設置向上箭頭的圖片 */
background-repeat:no-repeat;
}

以上就是實現CSS3上下鍵的完整代碼，通過這些簡單的CSS樣式設置，你可以輕松地實現上下鍵功能，為網頁的交互體驗提供更多可能性。