在網頁設計中，CSS樣式是非常重要的。但是有時候我們希望網頁可以根據用戶的選擇，進行不同的樣式展現。這時候，就可以使用html實現CSS樣式的切換。下面我們就來看看怎么實現。 首先，在html的head標簽中，我們需要定義兩個不同的CSS樣式。比如，有一個樣式名為style1，另一個樣式名為style2。我們可以這樣定義：

然后，在頁面中創建一個按鈕，用于切換樣式。我們可以這樣定義：

這是段落的內容，可以加上一些文字，用于展現我們的樣式。
切換樣式

在按鈕標簽中，我們指定了一個onclick事件，這個事件會執行我們定義的myFunction()函數。 接下來，我們再定義這個函數。這個函數需要通過改變元素的class名稱，來切換CSS樣式。我們可以這樣定義：

在這個函數中，我們首先通過getElementsByTagName方法獲取到第一個p元素。然后檢查這個元素的class名稱是不是style1，如果是，就把它改成style2；否則就改成style1。 通過這樣的方式，我們就可以實現一個簡單的樣式切換，讓用戶可以方便的切換網頁的樣式。 需要注意的是，切換樣式的按鈕和切換樣式的函數都需要放到body標簽內，否則會出現錯誤。同時，在CSS樣式中定義的屬性，也需要和p標簽匹配，否則樣式無法正確應用。