自定義CSS彈屏，是通過自己的CSS樣式來制作一個彈屏，可以用來展示內容或者廣告，提高網站的效果與吸引力。下面將介紹如何用CSS來制作一個簡單的彈屏效果：

.popup-container {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.5);
display: none;
justify-content: center;
align-items: center;
}
.popup {
position: relative;
width: 80%;
max-width: 600px;
padding: 20px;
background-color: #ffffff;
border-radius: 5px;
box-shadow: 0 2px 5px rgba(0,0,0,0.5);
}
.close-btn {
position: absolute;
top: 10px;
right: 10px;
font-size: 24px;
cursor: pointer;
}
.popup-container.active {
display: flex;
}

首先，我們要在HTML中創建一個容器，用來放置彈屏的內容：

<div class="popup-container">
// 這里放置彈屏內容
</div>

然后，在CSS中設置這個容器的樣式，包括它的位置、背景顏色、以及它在默認情況下不顯示（display: none）：

.popup-container {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.5);
display: none;
justify-content: center;
align-items: center;
}

接下來，在容器中，我們放置要展示的內容，這里我們設置一個彈屏的樣式：

.popup {
position: relative;
width: 80%;
max-width: 600px;
padding: 20px;
background-color: #ffffff;
border-radius: 5px;
box-shadow: 0 2px 5px rgba(0,0,0,0.5);
}

這里，我們設置了它的寬度，顏色，圓角，以及陰影。

接著，我們在彈屏中放置一個關閉按鈕：

<div class="popup">
// 這里放置彈屏內容
<span class="close-btn">×</span>
</div>

在CSS中，我們還需要對關閉按鈕進行樣式設置：

.close-btn {
position: absolute;
top: 10px;
right: 10px;
font-size: 24px;
cursor: pointer;
}

最后，在Javascript中，我們要通過點擊某個按鈕或者觸發某個事件，來讓彈屏顯示出來。這里，我們可以監聽一個按鈕的點擊事件，然后給彈屏的容器添加一個active類，這個類的作用是將它的display屬性設置為flex。

document.getElementById("btn-popup").addEventListener("click", function() {
document.querySelector(".popup-container").classList.add("active");
});

這樣，我們就成功地實現了一個自定義CSS彈屏效果。