CSS3是一個強大的前端設計工具，擁有許多實用的功能，其中之一是通過點擊切換內容。

首先，在HTML布局中創建兩個div容器，用于顯示切換內容，如下所示：

<div id="container">
<div id="content1">這是內容1</div>
<div id="content2">這是內容2</div>
</div>

然后，使用CSS3特有的:checked偽類來實現切換。我們需要兩個單選框來響應點擊事件，將它們放在div容器之前，代碼如下：

<input type="radio" name="tab" id="tab1" checked>
<label for="tab1">內容1</label>
<input type="radio" name="tab" id="tab2">
<label for="tab2">內容2</label>

然后，使用CSS3的選擇器來設置內容顯示和隱藏的狀態。通過:checked偽類來檢查單選框是否被選中，然后使用相應的屬性來顯示或隱藏內容塊。在這里，我們使用display屬性來顯示或隱藏內容塊。代碼如下：

#tab1:checked ~ #container #content1,
#tab2:checked ~ #container #content2 {
display: block;
}
#tab1:checked ~ #container #content2,
#tab2:checked ~ #container #content1 {
display: none;
}

最后，我們可以調整樣式以獲得更好的視覺效果。

這是一個基本的CSS3點擊切換示例，您可以根據需要進行修改和擴展。