在網頁設計中，有時需要使用滾輪來實現各種交互效果，如圖片的放大縮小、頁面的上下滾動等。那么下面就來介紹一下如何使用CSS添加滾輪。

首先，我們需要明確的是，瀏覽器提供的滾動事件是通過JavaScript來處理的。因此，我們需要使用JavaScript來捕捉滾輪事件，然后再使用CSS來控制滾動效果。

window.addEventListener('wheel', function(event) {
var delta = event.deltaY || event.detail || event.wheelDelta;
var element = document.getElementById('scrollable_element');
element.scrollTop += (delta< 0 ? -1 : 1) * 100;
});

在上面的代碼中，我們通過addEventListener函數來給window對象添加一個滾輪事件。事件處理函數中，我們計算出滾輪的方向（上或下），然后通過element.scrollTop屬性來改變元素的滾動位置。

接下來，我們需要在CSS中設置元素的滾動屬性。具體來說，我們需要在元素的樣式中添加如下屬性：

#scrollable_element {
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
height: 200px;
}

在上面的代碼中，我們使用overflow-y屬性來控制元素的縱向滾動條，而-webkit-overflow-scrolling屬性則可以實現在移動設備上的平滑滾動。最后，我們還需要設置元素的高度，以便確保可以滾動。

綜上所述，我們可以使用JavaScript來捕捉滾輪事件，并通過CSS來實現元素的滾動效果。這樣，就可以輕松地為網頁添加各種酷炫的滾動交互效果了。