CSS3的選項卡切換效果有很多種，其中一種是使用偽類實現的效果，即在選項卡上加上一個:hover或者:focus偽類，當選項卡被鼠標懸浮或者獲得焦點時，通過CSS樣式的變化來實現切換。

.box {
display: flex;
}
.tab {
cursor: pointer;
padding: 10px;
font-size: 16px;
margin-right: 10px;
border: 1px solid #ccc;
border-radius: 3px 3px 0 0;
}
.tab:hover, .tab:focus {
background-color: #f9f9f9;
border-bottom: none;
}
.tab-content {
display: none;
padding: 10px;
}
.tab-content:first-child {
display: block;
}

以上代碼實現了一個基本的選項卡切換效果，其中.box是選項卡的容器塊，通過display: flex來實現選項卡排列。.tab是每個選項卡的樣式，里面還包括了:hover和:focus偽類來實現懸浮和焦點時的樣式變化。

.tab-content則是每個選項卡對應的內容，通過display: none來實現默認隱藏，display: block來實現當前選項卡對應內容的顯示。

通過修改樣式可以實現更多的選項卡切換效果，例如加上動畫變換、更多的偽類等，讓頁面更加生動有趣。