CSS 的點擊事件是網頁設計中非常重要的一個功能，通過點擊事件可以實現一些有趣的交互效果，比如點擊后彈出一個層

這種效果在網頁設計中很常見，下面是一段使用 CSS 實現點擊后彈出層的代碼：

.popup {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 300px;
height: 200px;
background-color: #fff;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, .5);
display: none;
}
.overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .5);
display: none;
}
.popup-show .popup,
.overlay-show .overlay {
display: block;
}

以上代碼包括兩個 CSS 類：.popup 和 .overlay。其中 .popup 用于定義彈出層的樣式，.overlay 用于定義遮罩層的樣式。

在 HTML 代碼中，需要將這兩個類添加到相應的元素中，并添加一個點擊事件觸發彈出層的顯示，如下圖所示：

點擊顯示彈出層
這是一個彈出層
彈出層的內容可以根據需求進行設計
關閉

以上代碼中，通過 JavaScript 的事件綁定實現了點擊按鈕時彈出層的顯示，并添加了關閉按鈕實現彈出層的關閉。

總之，使用 CSS 實現點擊后彈出效果可以大大提升網頁的交互性，增加用戶體驗。