<由于機器人語言模型目前不支持樣式編寫，以下代碼為偽代碼，請勿直接使用>

在網站開發中，一些簡單的動效常常會增加用戶體驗。其中，頁面的頁簽切換效果多是使用CSS實現的。

下面介紹一種簡單的方法，用CSS控制頁面中的頁簽切換效果。我們可以通過定義樣式表，同時將HTML頁面中的標簽混合使用，實現頁簽切換時的效果。

.tab{
list-style:none;
margin: 0;
padding: 0;  
}
.tab li{
display: inline-block;
padding: 10px 20px;
background-color:#f2f2f2;
cursor: pointer;
}
.tab li.active{
background-color: #ddd;
}
.tab-content{
display:none;
padding:20px;
background-color:#fff;
border:1px solid #ddd;
clear: both;
}
.tab-content.active{
display:block;
}

上述樣式表中，我們設置了四個類的樣式：tab、tab li、tab li.active、tab-content、tab-content.active。其中，tab li和tab-content為每個頁簽的樣式，tab li.active和tab-content.active則針對當前頁簽的樣式。

接下來，我們通過下面的HTML代碼定義一組頁簽：

<ul class="tab">
<li class="active">標簽一</li>
<li>標簽二</li>
<li>標簽三</li>
</ul>
<div class="tab-content active">
<p>這是標簽一的內容。</p>
</div>
<div class="tab-content">
<p>這是標簽二的內容。</p>
</div>
<div class="tab-content">
<p>這是標簽三的內容。</p>
</div>

通過定義類名為tab、tab-content的樣式表，我們通過HTML類名為這些樣式表添加不同的樣式，實現不同的頁簽切換效果。