CSS對話框形狀是指在Web頁面中常用的一個彈出窗口，它通常用于提示用戶某些信息或提供一些交互界面。在CSS中，我們可以使用一些技巧來定制對話框的形狀和樣式。

.dialog {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 400px;
height: 300px;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 5px;
box-shadow: rgba(0,0,0,0.2) 0px 3px 10px;
}

在上面的CSS代碼中，我們定義了一個類名為“dialog”的對話框樣式。其中，我們設置了對話框的位置為固定定位，并使它在頁面中垂直和水平方向上居中。同時，我們設置了對話框的寬高為400px和300px，并給它一個白色的背景色和1px的灰色邊框。在邊框上，我們通過border-radius屬性設置了對話框的圓角為5px，并增加了一個較輕的陰影效果來增強對話框的立體感。

如果我們要進一步改變對話框的形狀，比如讓它變為三角形，該怎么辦呢？下面是一個簡單的示例代碼：

.dialog.triangle {
width: 0;
height: 0;
border: 50px solid transparent;
border-top-color: #fff;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

在上面的代碼中，我們定義了一個具有類名“triangle”的對話框樣式。和之前的對話框不同，這次我們把它的寬高設置為0，并設置了四條邊框的大小和顏色。其中，我們使用了transparent關鍵字來指定邊框的顏色為透明，這樣就實現了一個三角形的形狀。此外，我們還使它定位在頁面中心，并使用transform屬性作為修正參數。

總之，通過CSS的一些屬性和技巧，我們可以定制出各種各樣的對話框形狀，添加交互性或美觀性的效果。