CSS是一種常用的樣式表語言，可以用來控制網頁的布局和樣式。在網頁中，alert彈窗是一種常見的提示框，我們可以使用CSS來修改它的樣式。

首先，我們需要了解alert彈窗的結構。它通常包括一個標題和一些提示信息，還有一個“確定”按鈕。我們可以使用JavaScript來調用alert彈窗，例如：

alert("這是一個示例彈窗");

接下來，我們可以使用CSS來修改alert彈窗的樣式。首先，我們可以設置它的背景顏色和邊框樣式：

<style>
/* 設置alert彈窗的背景顏色和邊框樣式 */
.alert {
background-color: #fff;
border: 1px solid #ccc;
}
</style>

接著，我們可以調整標題和信息的字體大小和顏色：

<style>
/* 設置alert彈窗的背景顏色和邊框樣式 */
.alert {
background-color: #fff;
border: 1px solid #ccc;
}
/* 調整標題和信息的字體大小和顏色 */
.alert h2 {
font-size: 20px;
color: #333;
}
.alert p {
font-size: 16px;
color: #666;
}
</style>

最后，我們可以修改“確定”按鈕的樣式。例如，可以改變它的背景顏色和鼠標懸停時的樣式：

<style>
/* 設置alert彈窗的背景顏色和邊框樣式 */
.alert {
background-color: #fff;
border: 1px solid #ccc;
}
/* 調整標題和信息的字體大小和顏色 */
.alert h2 {
font-size: 20px;
color: #333;
}
.alert p {
font-size: 16px;
color: #666;
}
/* 修改“確定”按鈕的樣式 */
.alert button {
background-color: #ccc;
color: #fff;
border: none;
padding: 10px 20px;
cursor: pointer;
}
.alert button:hover {
background-color: #666;
}
</style>

以上就是使用CSS來修改alert彈窗的方法，可以根據實際需求修改樣式。