CSS3 QQ對話框是一種常見的UI設計模式，通過使用CSS3特性，可以輕松實現漂亮的對話框效果。

下面是一個基礎的CSS3 QQ對話框代碼示例：

.q-dialog {
display: flex;
flex-direction: column;
background-color: #fff;
border-radius: 5px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
padding: 20px;
max-width: 300px;
}
.q-dialog .q-dialog-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
}
.q-dialog .q-dialog-header h3 {
font-size: 18px;
font-weight: bold;
margin: 0;
}
.q-dialog .q-dialog-close {
font-size: 20px;
color: #999;
cursor: pointer;
transition: all 0.2s ease-in-out;
}
.q-dialog .q-dialog-close:hover {
color: #000;
}

這個示例包括對話框容器的樣式（q-dialog），對話框頭部樣式（q-dialog-header），標題文字樣式（h3），關閉按鈕樣式（q-dialog-close）等。

通過調整這些樣式，可以創建不同類型的CSS3 QQ對話框，符合你的UI設計需求。