在我們網頁的美化中，CSS是不可或缺的一部分。今天，我們將介紹一種CSS技術，即鼠標點擊小窗口。

.dialog {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 200px;
height: 150px;
background-color: white;
border: 1px solid black;
display: none;
z-index: 999;
text-align: center;
}
.btn {
background-color: blue;
color: white;
width: 100px;
height: 30px;
line-height: 30px;
text-align: center;
border-radius: 5px;
cursor: pointer;
}
.btn:hover + .dialog {
display: block;
}

首先，在HTML中定義一個按鈕和一個對話框，對話框的display屬性設置為none，隱藏起來。

<div class="dialog">
<h3>提示</h3>
<p>確定刪除嗎？</p>
<button class="btn-confirm">確定</button>
</div>
<div class="btn">刪除</div>

接下來，使用CSS給按鈕和對話框設置樣式。按鈕樣式比較簡單，主要是設置背景顏色、圓角、鼠標指針等。對話框樣式需要設置位置、寬高、背景、邊框、層級等屬性，其中使用了絕對定位和居中技巧（使用translate和top/left都是50%的方法）。

最關鍵的一步是使用CSS選擇器來控制鼠標點擊小窗口的效果。這里使用相鄰兄弟選擇器（+）來實現，即當按鈕被鼠標指向時（使用:hover偽類），對應的對話框就顯示出來（將display屬性設置為block即可）。

實現了這個效果后，鼠標點擊小窗口可以方便地讓用戶進行一些操作，如確認刪除、確認提交等等。這種技術不僅美觀好看，而且還提高了網站的易用性。