CSS換皮膚是網頁設計中比較常用的技巧之一。通過改變網頁的顏色、字體、背景等元素，可以達到不同的效果，從而滿足用戶個性化需求。下面我們來講解一下如何使用CSS實現網頁換膚。

/* 定義不同皮膚的CSS樣式 */
.skin-red {
background-color: red;
color: white;
}
.skin-blue {
background-color: blue;
color: white;
}
.skin-green {
background-color: green;
color: white;
}
/* 定義按鈕樣式 */
.btn {
display: inline-block;
padding: 5px 10px;
background-color: gray;
color: white;
}
/* 定義當前選中按鈕的樣式 */
.btn-current {
background-color: white;
color: black;
}

首先，我們定義了三種皮膚：紅色、藍色和綠色。在實際應用中，可以根據需求定義更多的皮膚。然后，定義了一個按鈕樣式，同時也定義了一個選中按鈕的樣式。

紅色藍色綠色

最后，我們在HTML中定義三個div容器，分別在頁面中顯示不同皮膚，同時定義三個按鈕，用于點擊切換皮膚。在JavaScript代碼中，通過遍歷按鈕數組綁定了點擊事件。點擊按鈕時，首先獲取按鈕的data-skin屬性值作為皮膚名稱，其次，循環移除所有按鈕的選中狀態，然后，為當前按鈕添加選中狀態，并且通過添加和移除類的方式來切換皮膚。

這就是CSS換膚的基本實現思路。