CSS是一門強大的前端開發語言，可以實現各種網頁效果。它不僅可以美化頁面，還可以實現一些實用的功能，如聊天窗口。

聊天窗口通常包含聊天框、輸入框、發送按鈕等元素。使用CSS可以輕松地實現這些功能。以下是一個簡單的示例：

/* 設置聊天框 */
.chat-box {
width: 300px;
height: 400px;
overflow-y: scroll;
}
/* 設置聊天氣泡 */
.chat-bubble {
background-color: #fff;
border: 1px solid #ccc;
border-radius: 5px;
padding: 10px;
margin-bottom: 10px;
max-width: 70%;
}
/* 設置輸入框 */
.input-box {
width: 100%;
height: 50px;
}
/* 設置發送按鈕 */
.send-btn {
background-color: #4CAF50;
color: #fff;
border: none;
border-radius: 5px;
padding: 10px;
cursor: pointer;
}

以上代碼中，我們設置了聊天框的寬度和高度，并使用CSS的overflow-y屬性設置了縱向滾動條，使得當聊天記錄超出聊天框范圍時，用戶可以滾動來查看之前的聊天記錄。

聊天氣泡是每條聊天記錄的基本元素，我們使用CSS設置其樣式，包括背景色、邊框、圓角、內邊距、外邊距等。我們還設置了最大寬度為70%，使得氣泡在聊天框中顯示時不會超出一定范圍。

輸入框的樣式很簡單，設置了寬度和高度，下面就可以添加一個發送按鈕了。我們給按鈕設置了背景色、字體顏色、邊框、圓角、內邊距、及鼠標指針樣式，使其具有更好的用戶體驗。

這樣，我們就使用CSS實現了簡單的聊天窗口。當然，這只是一個基礎示例，實際應用中還需要根據實際需求添加更多的功能和樣式。