CSS是Web開發中最重要的組成部分之一。在網頁設計中，我們通常需要使用彈框來展示一些信息或提示。然而，當彈框出現在頁面上，它往往會遮擋住其他重要的元素，影響了用戶的體驗和操作。因此，我們需要一種方式來隱藏彈框，同時又可以在需要的時候方便地展示。

CSS提供了一種簡單而有用的選擇器——:target，通過在彈框中使用該選擇器，我們可以實現隱藏和展示彈框。具體步驟如下：

// HTML代碼
<div id="popup">
<a href="#" class="close">×</a>
<p>彈框內容</p>
</div>
<a href="#popup">打開彈框</a>

通過上述代碼，我們先創建了一個含有id屬性為“popup”的div元素，用來表示我們的彈框，同時定義了一個打開彈框的鏈接。鏈接的href屬性指向了div的id，也就是說我們可以通過點擊鏈接打開彈框。

// CSS代碼
#popup {
display: none;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 20px;
background: #fff;
border-radius: 5px;
box-shadow: 0 2px 4px rgba(0, 0, 0, .3);
}
#popup:target {
display: block;
}
.close {
position: absolute;
top: 10px;
right: 10px;
font-size: 20px;
text-decoration: none;
color: #000;
}

在CSS中，我們為彈框設置了一些基本樣式，如布局，填充，顏色等。同時，我們將其初始狀態設置為隱藏，避免影響頁面布局。

接著，我們使用:target選擇器指定了彈框的展示效果。當我們點擊彈框鏈接時，相應的彈框元素就會變為可見狀態。

最后，我們還為彈框的關閉按鈕增加了一些基本樣式。

總之，通過上述方法，我們可以使用CSS來隱藏和展示彈框，實現用戶友好的交互效果。