CSS 中英文切換按鈕實現起來并不困難。下面我們就來看看具體實現方法。

/* HTML */切換
這是一段英文文本
/* CSS */
/* 中文樣式 */
p {
font-size: 16px;
line-height: 1.5;
}
/* 英文樣式 */
p.en {
font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei";
font-size: 15px;
line-height: 1.8;
}
/* 切換按鈕樣式 */
#switchBtn {
padding: 5px 10px;
background-color: #eee;
border: none;
border-radius: 5px;
outline: none;
cursor: pointer;
}
/* JavaScript */
var switchBtn = document.querySelector("#switchBtn");
switchBtn.addEventListener("click", function() {
var p = document.querySelector("p");
if (p.classList.contains("en")) {
p.classList.remove("en");
switchBtn.innerHTML = "切換";
} else {
p.classList.add("en");
switchBtn.innerHTML = "Switch";
}
});

上面的代碼中，我們首先定義了兩種樣式，分別為中文樣式和英文樣式。其中，英文樣式指定了字體為 "Helvetica Neue"、"Helvetica"、"Arial" 或 "Microsoft YaHei"。接著，我們定義了一個切換按鈕，當用戶點擊按鈕時，會切換文本的語言及按鈕文本。

JavaScript 部分，我們獲取了這個按鈕和文本。當按鈕被點擊時，我們檢查文本元素上有沒有 "en" 樣式（即是否為英文），如果有，則移除 "en" 樣式，切換為中文，按鈕文本也切換為 "切換"；否則添加 "en" 樣式，切換為英文，按鈕文本也切換為 "Switch"。

這樣，我們就成功實現了 CSS 中英文切換按鈕。