在Web開發中，CSS是一個必不可少的技術。CSS可以給網站增添一些炫酷的效果，比如常見的tab選項卡效果。

.tab-wrapper {
display: flex;
justify-content: center;
align-items: center;
}
.tab {
margin: 0 10px;
padding: 10px;
cursor: pointer;
border-bottom: 3px solid transparent;
}
.tab.active {
border-bottom: 3px solid #444;
}
.tab-content {
display: none;
padding: 20px;
}
.tab-content.active {
display: block;
}

以上是一個簡單的tab效果的CSS樣式，它包含三個部分：tab選項卡標題、選項卡內容以及樣式。

其中，tab選項卡標題部分的CSS代碼包含了一個激活選項卡時的樣式和普通選項卡的樣式。激活選項卡時，在底部會出現一個3像素的粗實線來表示當前選項卡為激活狀態。

而tab選項卡內容部分的CSS代碼只包含普通選項卡的樣式和激活選項卡的樣式。激活選項卡時，對應的內容區塊變為可見狀態，并且使用塊級元素來顯示。

以上就是使用CSS實現tab選項卡效果的基本示例。大家可以根據自身需求進行修改，并在網站開發中使用這個效果，增加網站的用戶體驗。