CSS點擊過后標簽顏改變是一種常見的Web設計效果，可以讓用戶感受到交互性和動態性的變化。下面是一個示例代碼：

<style>
.btn {
display: inline-block;
padding: 10px 20px;
background-color: #008CBA;
color: #fff;
cursor: pointer;
transition: background-color 0.5s ease;
}
.btn:hover {
background-color: #005073;
}
.btn:active {
background-color: #4CAF50;
}
</style>
<button class="btn">點擊我</button>

代碼中，通過定義樣式類為“btn”的按鈕，可以實現在不同狀態下的顏色變化效果。當鼠標懸浮在按鈕上時，背景顏色變為深藍色；當按鈕被點擊時，背景顏色變為深綠色。使用CSS的“:hover”和“:active”選擇器可以分別處理這兩種狀態下的樣式。

除了按鈕類樣式外，一般也會用到“clicked”類樣式，用于在用戶點擊后改變標簽的樣式。比如下面這個示例：

<style>
.box {
width: 100px;
height: 100px;
background-color: #008CBA;
cursor: pointer;
}
.clicked {
background-color: #4CAF50;
}
</style>
<div class="box"></div>
<script>
var box = document.querySelector('.box');
box.addEventListener('click', function() {
box.classList.add('clicked');
});
</script>

代碼中，定義的樣式類“box”為一個藍色的正方形，使用JavaScript監聽鼠標點擊事件，并在用戶點擊后使用classList屬性添加“clicked”類樣式，實現標簽背景色為深綠色的效果。