CSS標簽頁是一種用CSS代碼實現的界面元素，通常用于網站的導航欄或選項卡界面中。與傳統的HTML標簽頁相比，CSS標簽頁具有更強的可定制性和美觀度。

代碼示例：
HTML結構：
<div class="tabsContainer">
<ul class="tabs">
<li>標簽1</li>
<li>標簽2</li>
<li>標簽3</li>
</ul>
<div class="content">
<div class="tabContent">
第一頁內容
</div>
<div class="tabContent">
第二頁內容
</div>
<div class="tabContent">
第三頁內容
</div>
</div>
</div>
CSS樣式：
.tabsContainer {
width: 100%;
height: 400px;
}
.tabs {
display: flex;
justify-content: space-between;
align-items: center;
list-style: none;
margin: 0;
padding: 0;
}
.tabs li {
flex: 1;
text-align: center;
cursor: pointer;
font-size: 16px;
font-weight: bold;
border: 1px solid #ddd;
}
.tabs li.active {
background-color: #f5f5f5;
border-bottom: 2px solid #666;
}
.content {
width: 100%;
height: 100%;
border: 1px solid #ddd;
padding: 20px;
}
.tabContent {
display: none;
}
.tabContent.active {
display: block;
}

以上代碼實現了一個包含三個標簽頁的選項卡組件。通過CSS樣式調整選項卡的顏色、大小、邊框等樣式，以及設置標簽頁的切換效果，最終實現一個美觀、易用的選項卡界面。