在CSS中，我們可以使用transform屬性來實現元素的旋轉。而通過一些簡單的CSS代碼，我們可以使元素在點擊時旋轉180度。 具體的代碼如下：

p {
transition: transform 0.5s ease;
}
p.rotate {
transform: rotate(180deg);
}
p:active {
transform-origin: center;
transform: rotate(180deg);
}

在上面的代碼中，我們首先給

標簽添加了一個transition屬性，這個屬性用來控制元素的變換。接著，我們為

標簽添加了一個.rotate類，用來控制元素的旋轉角度。最后，我們使用:active偽類來控制元素的點擊狀態，當元素被點擊時，我們將它的旋轉中心點設置在中心位置，并將旋轉角度設置為180度。 通過這樣的簡單的CSS代碼，我們就能夠實現一個簡單的點擊旋轉效果。這種效果可以在一些交互性質比較強的網頁設計中使用，來提升用戶的使用體驗。