CSS3模態框是一種在網頁設計中常用的彈出窗口設計，它可以在點擊一個按鈕或其他觸發方式時，在頁面中彈出一個層級較高的窗口。這個彈出窗口將會阻止用戶在它后面的內容上進行交互操作，直到用戶關閉它為止。

CSS3模態框一般由三個部分組成：彈出窗口的標題，內容和關閉按鈕。接下來，我將分別介紹這三個部分的設計方法。

/* 彈出窗口標題的樣式 */
.modal-header {
background-color: #337ab7;
color: #fff;
padding: 15px;
}
/* 彈出窗口內容的樣式 */
.modal-body {
padding: 15px;
}
/* 關閉按鈕的樣式 */
.close {
float: right;
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
color: #fff;
opacity: .5;
}
/* 鼠標移動到關閉按鈕上時，按鈕顏色加深 */
.close:hover, .close:focus {
color: #fff;
opacity: .75;
text-decoration: none;
cursor: pointer;
}

以上代碼將為你的CSS3模態框設置了一個漂亮的標題樣式，一個通用的內容樣式和一個能夠及時和體驗良好的關閉按鈕樣式。

最后，需要注意的是，CSS3模態框是一種十分常用的網頁設計元素，不難添加到你的頁面中。通過上述介紹，相信你會很快掌握CSS3模態框的基本設計方法，為你的網頁設計增色添彩！