CSS漂亮的提示選擇框是我們在網頁設計中經常使用的一個工具，它能夠美化我們的網頁顯示效果，讓用戶界面更為友好和美觀。接下來我們將通過pre標簽來展示常見的CSS提示選擇框代碼，讓大家了解如何使用。

/*這是一個簡單的提示框*/
.tip {
width: 200px;
height: auto;
padding: 10px;
background-color: #dff0d8;
border: 1px solid #3c763d;
border-radius: 5px;
color: #3c763d;
}
/*以下是一個帶有箭頭的提示框*/
.tip-arrow {
position: relative;
width: 200px;
padding: 10px;
background-color: #dff0d8;
border: 1px solid #3c763d;
border-radius: 5px;
color: #3c763d;
}
.tip-arrow:before {
content: "";
position: absolute;
bottom: -10px;
left: 50%;
margin-left: -10px;
border-width: 10px;
border-style: solid;
border-color: transparent transparent #dff0d8 transparent;
}

以上代碼展示了兩種常見的提示框樣式，第一種是簡單的圓角邊框提示框，可以通過修改樣式屬性來改變提示框的顏色、大小等；第二種是帶有箭頭的提示框，我們需要給提示框添加一個偽元素來實現這個箭頭效果。

通過使用CSS漂亮的提示選擇框，我們可以提高用戶界面的美觀度，為網頁設計增添不少亮點。