在web頁面設計中，CSS是必不可少的一部分，通過CSS可以讓頁面的樣式更加美觀、統一。不同的設計師或者開發者會有不同的設計風格和偏好，為了滿足不同人的需求，CSS也提供了不同的設計模式，這些模式可以通過CSS的類選擇器來實現樣式的切換。以下是CSS中實現切換設計模式的示例代碼：

/**
 * 默認樣式
 */
button {
color: #333;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 3px;
padding: 6px 12px;
font-size: 14px;
}
/**
 * 警告樣式
 */
button.warning {
color: #fff;
background-color: #f0ad4e;
border-color: #eea236;
}
/**
 * 危險樣式
 */
button.danger {
color: #fff;
background-color: #d9534f;
border-color: #d43f3a;
}

上述代碼中定義了三個不同的按鈕樣式，分別為默認樣式、警告樣式和危險樣式。默認樣式會應用到所有button元素上，而警告和危險樣式則需要通過添加class屬性來實現切換。

在HTML中使用警告樣式的按鈕可以這樣寫：

<button class="warning">警告按鈕</button>

同樣地，危險樣式的按鈕可以這樣寫：

<button class="danger">危險按鈕</button>

這種樣式切換的方式可以大大減少HTML中的冗余代碼，并且更加靈活方便。如果需要新增或修改某個樣式，只需要編輯CSS代碼即可，而不需要修改HTML。

總之，CSS切換設計模式為web頁面的美化和定制提供了更多的可能性，設計師和開發者可以根據自己的需求和喜好進行選擇和應用。