CSS樣式彈窗是網頁設計中常用的一種交互方式，可以讓用戶更直觀、方便地進行選擇。通常彈窗中會包含確定和取消按鈕，用于確認或取消所做的操作。

下面是一個簡單的CSS樣式彈窗實現，其中使用了pre標簽來展示代碼。

/* 彈窗樣式 */
.popup {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 300px;
height: 200px;
border: 1px solid #ccc;
background-color: #fff;
}
/* 按鈕樣式 */
.btn {
display: inline-block;
padding: 8px 16px;
margin: 10px;
border: 1px solid #ccc;
border-radius: 3px;
cursor: pointer;
}
/* 確定按鈕樣式 */
.btn-confirm {
background-color: #4CAF50;
color: #fff;
}
/* 取消按鈕樣式 */
.btn-cancel {
background-color: #f44336;
color: #fff;
}
/* HTML結構 */
<div class="popup">
<h2>確認操作</h2>
<p>確定要進行操作嗎？</p>
<button class="btn btn-confirm">確定</button>
<button class="btn btn-cancel">取消</button>
</div>

以上代碼實現了一個簡單的彈窗，其中確定和取消按鈕分別有不同的樣式，可以根據實際需求進行修改。點擊確定按鈕可以進行相應的操作，而點擊取消按鈕則會關閉彈窗。

總的來說，CSS樣式彈窗是一種方便、實用的交互方式，在網頁設計中有著廣泛的應用。