在移動端開發中，彈出窗口是一個經常使用的功能。今天我將分享如何使用CSS來創建一個簡單的移動端彈出窗口。

首先，我們需要定義一個HTML元素來作為我們的彈出窗口。我們可以使用一個div標簽，給它一個唯一的ID，例如“popup”：

<div id="popup">
<p>這是彈出窗口的內容</p>
</div>

接下來，我們需要添加一些CSS樣式來定義彈出窗口的外觀。我們將使用絕對定位將它放置在屏幕中心，并使用半透明背景來突出它：

#popup {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 80%;
max-width: 320px;
background-color: white;
border-radius: 5px;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
z-index: 999;
}
#popup::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: black;
opacity: 0.8;
z-index: -1;
}

最后，我們需要添加一些JavaScript代碼來控制彈出窗口的顯示和隱藏：

var popup = document.getElementById("popup");
var popupOpen = document.getElementById("popupOpen");
var popupClose = document.getElementById("popupClose");
popupOpen.onclick = function() {
popup.style.display = "block";
}
popupClose.onclick = function() {
popup.style.display = "none";
}

現在我們已經創建了一個簡單的CSS彈出窗口，并添加了JavaScript代碼來控制它的顯示和隱藏。你可以根據你的需要對其進行修改和擴展，以創建一個適合你應用程序的自定義彈出窗口。