標題:CSS 彈出框居中顯示
2. 使用 CSS 設置彈出框的寬度和高度,并使其居中顯示。彈出框的 CSS 樣式應該包括以下代碼:
```css
.彈出框 {
width: 300px;
height: 200px;
position: relative;
top: 50%;
transform: translateY(-50%);
.彈出框:before,
.彈出框:after {
content: "";
position: absolute;
width: 100px;
height: 100px;
background-color: red;
top: 0;
left: 50%;
transform: translateX(-50%);
.彈出框:after {
left: 0;
transform: translateX(50%);
通過使用 CSS 彈出框居中顯示,可以創建美觀且易于使用的彈出頁面。使用 HTML 和 CSS 的簡潔性和靈活性,可以輕松地實現這一功能。