CSS點擊立即買彈框是在網頁中非常常見的一種交互效果，它能夠引起用戶的注意并促進用戶購買意愿，下面介紹一下實現的步驟：

/* 首先，需要在頁面中添加一個容器元素用于彈框的顯示 */
<div id="mask">
<div id="dialog">
<h3>立即購買</h3>
<p>這里是購買提示信息</p>
<button id="closeBtn">關閉</button>
</div>
</div>
/* 接著，需要設置容器元素的 CSS 樣式，使其在頁面中居中顯示 */
#mask {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.5);
display: none;
}
#dialog {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
background-color: #fff;
padding: 20px;
box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
border-radius: 10px;
}
/* 最后，需要添加點擊事件，控制彈框的顯示和隱藏 */
document.querySelector('#buyBtn').addEventListener('click', function() {
document.querySelector('#mask').style.display = 'block';
});
document.querySelector('#closeBtn').addEventListener('click', function() {
document.querySelector('#mask').style.display = 'none';
});

通過以上步驟可以完成一款簡單的CSS點擊立即買彈框效果，同時，開發者可根據需求進行定制，實現更具個性化的效果。