在網(wǎng)頁開發(fā)中，常常需要點擊一些元素后彈出一些信息，比如說彈出框或者下拉框等等，這時候我們可以使用CSS來實現(xiàn)這些效果。下面是一個使用CSS點擊顯示可關(guān)閉層的示例代碼：

<style>
.popup {
display: none;  /* 隱藏彈出層 */
position: absolute; 
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 200px;
height: 100px;
background-color: #fff;
border: 1px solid #ccc;
text-align: center;
line-height: 100px;
}
.popup.active {
display: block;  /* 顯示彈出層 */
}
</style>
<button onclick="document.querySelector('.popup').classList.toggle('active')">點擊顯示</button>
<div class="popup">彈出層</div>

首先我們定義了一個類名為"popup"，它表示彈出層，并設(shè)置了一些樣式信息。"display"屬性設(shè)置為"none"時表示層是隱藏的，當(dāng)點擊按鈕時，設(shè)置層的"active"類名即可讓層顯示出來。我們使用CSS的"transform"屬性來使得層在水平和垂直方向上居中。

在HTML部分，我們定義了一個按鈕，點擊即可觸發(fā)彈出層的顯示。同時我們也定義了一個div元素，作為我們的彈出層。

使用CSS點擊顯示可關(guān)閉層能夠增強(qiáng)網(wǎng)頁的互動性，使得用戶體驗更好。