CSS彈窗小窗口是一種常用的網頁設計元素，它可以在頁面上以彈窗的形式展示提示信息、表單填寫等功能，提高交互性和用戶體驗。下面是一個簡單的CSS彈窗小窗口代碼：

/* 彈窗背景 */
.modal {
display: none; /* 默認隱藏彈窗 */
position: fixed; /* 定位為固定位置 */
z-index: 1; /* 優先級，可根據實際情況調整 */
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto; /* 允許彈窗中出現滾動條 */
background-color: rgba(0, 0, 0, 0.4); /* 背景透明度改為40% */
}
/* 彈窗框體 */
.modal-content {
background-color: #fefefe;
margin: 15% auto; /* 上下間距為15% */
padding: 20px;
border: 1px solid #888;
width: 80%;
max-width: 600px; /* 彈窗最大寬度，可根據實際情況調整 */
}
/* 彈窗關閉按鈕 */
.close {
color: #aaa;
float: right;
font-size: 28px;
font-weight: bold;
}
/* 鼠標懸浮在關閉按鈕上時的樣式 */
.close:hover,
.close:focus {
color: black;
text-decoration: none;
cursor: pointer;
}

在使用CSS彈窗小窗口時，還需要一些JavaScript代碼來控制彈窗的顯示和隱藏?？筛鶕嶋H情況選擇不同的JavaScript庫或自行編寫代碼實現。以上就是一個簡單的CSS彈窗小窗口代碼，希望能幫助您更好地進行網頁設計。