Div CSS 彈出窗口是網頁設計中非常常見的功能，可以實現在頁面中彈出一個窗口來顯示相關信息。

在 HTML 頁面中，可以使用 div 標簽來創(chuàng)建一個容器，然后使用 CSS 樣式來定義這個容器的大小、位置、背景色等屬性。設置 div 標簽的 display 屬性為 none，表示這個容器最開始是隱藏的。

<div id="popup">
<p>這是一個彈出窗口</p>
</div>
#popup {
display: none;
position: absolute;
top: 50%;
left: 50%;
width: 400px;
height: 200px;
background-color: #fff;
transform: translate(-50%, -50%);
}

上面的代碼創(chuàng)建了一個 id 為 popup 的 div 容器，設置了它的 display 屬性為 none，即一開始是隱藏的。接下來定義了這個容器的位置、大小、背景色等屬性，通過將 position 屬性設置為 absolute 并將 top 和 left 屬性都設置為 50%，使容器始終在頁面中居中。

當需要彈出窗口時，可以使用 JavaScript 實現。通過找到 id 為 popup 的 div 元素，將它的 display 屬性設置為 block，即可讓它顯示。

const popup = document.getElementById("popup");
popup.style.display = "block";

當需要關閉窗口時，可以將 display 屬性重新設置為 none，即可讓窗口隱藏。

const popup = document.getElementById("popup");
popup.style.display = "none";

總的來說，使用 div CSS 彈出窗口可以方便地實現網頁中的彈出窗口功能，通過設置容器的大小、位置、背景色等屬性以及控制 display 屬性，可以靈活地控制窗口的顯示和隱藏。