CSS風格切換是一項非常有用的技術，它允許您創造多樣的設計，同時還能方便用戶切換不同的風格。下面將為您介紹如何實現CSS風格切換。

/* CSS代碼 */
body {
background-color: #ffffff;
color: #000000;
font-size: 16px;
}
body.dark {
background-color: #333333;
color: #ffffff;
}

首先，我們需要創建一個CSS文件，在其中定義兩種不同的風格。首先是默認的風格，然后是我們要添加的另外一種風格。在上面的代碼中，我們定義了一個名為body.dark的CSS類，它定義了背景顏色和文本顏色。

默認黑色

接下來，我們需要在HTML中添加兩個按鈕，一個用于切換回默認風格，另外一個則切換到另一種風格。在上面的代碼中，我們定義了兩個按鈕，并分別調用了setStyle函數，將參數設為空或dark。

// JavaScript代碼
function setStyle(style) {
document.body.className = style;
}

最后，我們需要編寫一些JavaScript代碼，用于將當前所選的風格應用到整個頁面。在上面的代碼中，我們定義了一個名為setStyle的函數，它接受一個參數，即CSS類的名稱，然后將該類應用到body標簽中。

通過這些簡單的步驟，我們就可以實現CSS風格切換，讓用戶在多樣的設計中自由選擇，為網站增加更多的個性和互動性。