CSS是一种用于定义网页结构和样式的语言，其中有一个重要的功能就是控制TAB的变色。通过使用“:hover”属性，可以让TAB鼠标悬停在标签上时，TAB变色，增强用户体验。下面是一些具体的CSS代码示例：

/* 为TAB设置常规状态下的样式 */
.tab {
background-color: #f2f2f2;
color: #666;
}
/* 为TAB设置鼠标悬停状态下的样式 */
.tab:hover {
background-color: #ddd;
color: #000;
}

在以上代码中，“.tab”是TAB标签的CSS类名，通过使用“background-color”属性设置TAB在常规状态下的背景颜色，使用“color”属性设置字体颜色。当鼠标悬停在TAB上时，通过使用“:hover”属性，我们可以修改背景颜色和字体颜色，从而使TAB变色。这种效果增强了用户对网页的感知度，提升了用户体验。

总之，通过在CSS中使用“:hover”属性，我们可以轻松地实现TAB的变色效果，提升网页的美观性和交互性。同时，在实际应用中，我们也可以结合JavaScript等技术，实现更加丰富的TAB控制效果，让网页更加生动有趣。