CSS（層疊樣式表）可以幫助我們美化網站的外觀，其中之一就是文本框樣式。在本文中，我們將介紹如何創建一些精美的文本框樣式。下面是一些示例。

/* 示例1 */
.input1 {
border: none;
border-bottom: 2px solid #ccc;
padding: 10px;
font-size: 20px;
outline: none;
}
.input1:focus {
border-bottom: 2px solid #33a5ff;
}
/* 示例2 */
.input2 {
border: none;
border-bottom: 2px solid #ccc;
padding: 10px;
font-size: 20px;
background-color: transparent;
}
.input2:focus {
border-bottom: 2px solid #33a5ff;
box-shadow: 0px 0px 5px #33a5ff;
}
/* 示例3 */
.input3 {
border: 2px solid #ccc;
padding: 10px;
font-size: 20px;
outline: none;
}
.input3:focus {
border: 2px solid #33a5ff;
box-shadow: 0px 0px 5px #33a5ff;
}

這些示例使用了不同的技術來創建文本框樣式。例如，示例1使用了一個下劃線代替邊框，示例2使用透明背景和陰影來給予深度，示例3使用標準邊框和陰影在焦點時出現深度。當然，這只是一些示例。你可以自己創建出更加精美的文本框樣式，只需注意CSS樣式屬性和其意義即可。