CSS彈出提示框是一個非常常見的網頁交互效果。當用戶進行某些操作時，我們通常需要提示一些消息，如“保存成功”、“請輸入正確格式的郵箱”等等。下面，我們將介紹如何使用CSS實現一個彈出提示框，這個彈出提示框可以確定多次。

首先，我們需要在HTML中添加一個用于顯示消息的元素，比如div或者section。預設樣式如下：

.alert {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 300px;
height: 100px;
background-color: #fff;
border: 1px solid #ccc;
box-shadow: 0 0 10px #ccc;
padding: 20px;
text-align: center;
display: none;
}

上面這段CSS代碼定義了一個.alert類，將提示框的位置居中，并設置了一些基本樣式。這里我們將其display屬性設置為none，表示一開始不顯示。

接下來，我們需要編寫JS代碼，使得點擊某個按鈕后能夠彈出提示框。JS代碼如下：

var alertBox = document.querySelector('.alert');
var alertBtn = document.querySelector('.alert-btn');
alertBtn.addEventListener('click', function() {
alertBox.style.display = 'block';
});
alertBox.addEventListener('click', function() {
alertBox.style.display = 'none';
});

這段JS代碼首先獲取了一個.alert類和一個.alert-btn類，并將它們分別賦值給alertBox和alertBtn變量。接著，我們為alertBtn添加一個點擊事件，當點擊后，alertBox將變成block，提示框顯示在頁面上。另外，我們將alertBox綁定了一個點擊事件，當提示框被點擊后，提示框將消失。

最后，我們需要在HTML中添加一個觸發按鈕，比如一個普通的按鈕。我們可以將這個觸發按鈕加在需要提示的按鈕上方，代碼如下：

點擊我出現提示框

這樣，一個CSS彈出提示框就完成了。你可以通過修改CSS代碼，使其更加符合你的需求。