CSS是一種非常重要的前端開發(fā)技術，可以用來美化網頁的樣式。其中，簡單換膚是一項非常有趣的應用，使得用戶可以在同一個網站中自由選擇不同的主題顏色。下面介紹一下如何使用CSS實現(xiàn)簡單換膚：

// HTML代碼
<div id="theme">
<p>紅色主題</p>
<p>藍色主題</p>
<p>綠色主題</p>
</div>
// CSS代碼
#theme {
display: flex;
justify-content: center;
margin-top: 50px;
}
#theme p {
width: 80px;
height: 30px;
margin: 0 10px;
border-radius: 5px;
text-align: center;
line-height: 30px;
cursor: pointer;
}
.red {
background-color: red;
color: #fff;
}
.blue {
background-color: blue;
color: #fff;
}
.green {
background-color: green;
color: #fff;
}

在上面的代碼中，我們創(chuàng)建了一個div元素，并在其中添加了三個p元素作為不同主題的選項。為了讓用戶可以點擊切換主題，我們設置了p元素的cursor樣式為“pointer”，將其變?yōu)槭髽耸种感螤睢?/p>

接下來，我們使用CSS為每個主題設置不同的樣式。例如，當用戶選擇紅色主題時，我們就為p元素添加一個class為“red”，并設置background-color和color樣式。同樣地，藍色和綠色主題也分別對應不同class和樣式。

通過以上CSS代碼的設計，我們可以實現(xiàn)簡單換膚的效果，讓用戶可以方便地切換自己喜歡的主題顏色。這也是CSS技術的精髓之一，通過簡單的代碼實現(xiàn)豐富的功能。