在Web開發中，標簽（Tab）經常用來為不同的頁面內容提供導航。通過CSS可以對這些選項卡進行樣式設置，以實現更好的用戶體驗。

使用CSS樣式為選項卡設置一些基本特征，如背景顏色、字體大小、文字顏色等。以下是一個簡單的CSS樣式設置示例：

.tab{
display: inline-block;
padding: 10px 15px;
background-color: lightgray;
color: black;
font-size: 16px;
font-weight: bold;
border: 1px solid gray;
border-radius: 5px 0 0 0;
cursor: pointer;
}

這段代碼將為選項卡設置淺灰色背景、黑色文字、粗體字體、灰色邊框，并將光標變為指針形狀。頁面中，選項卡可以使用以下HTML代碼進行設置：

選項卡1
選項卡2
選項卡3

此外，我們還可以為選項卡設置不同的狀態樣式，例如懸停狀態。以下CSS代碼可以將當光標懸停在選項卡時，其背景顏色變為深灰色、文字顏色變為白色：

.tab:hover{
background-color: darkgray;
color: white;
}

當然，從UI設計角度考慮，設計高質量的選項卡需要一定的創意和靈感。我們可以參考一些優秀的UI設計作品，如谷歌Chrome瀏覽器的選項卡樣式，或是社交網絡應用中的選項卡樣式，來為自己的項目增加一些靈感。