CSS 炫酷文本框長成這樣：

/*設(shè)置外邊距和文本框大小*/
.textbox{
margin: 20px;
width: 300px;
height: 100px;
position: relative;
}
/*設(shè)置邊框和圓角效果*/
.textbox:before, .textbox:after{
content: "";
position: absolute;
border: 1px solid #aaa;
top: -8px;
left: -8px;
right: -8px;
bottom: -8px;
z-index: -1;
border-radius: 10px;
}
/*設(shè)置背景顏色和陰影效果*/
.textbox:before{
background-color: #fff;
box-shadow: 0 15px 10px -10px rgba(0,0,0,.2);
}
.textbox:after{
background-color: rgba(0,0,0,.1);
box-shadow: 0 15px 10px -10px rgba(0,0,0,.2);
}
/*設(shè)置內(nèi)邊距和字體效果*/
.textarea{
padding: 15px;
font-size: 16px;
font-family: "Microsoft YaHei";
color: #333;
line-height: 1.5;
border: none;
background: transparent;
width: 100%;
height: 100%;
}

這段代碼用 CSS 來設(shè)置一個炫酷的文本框。首先，我們定義了一個 .textbox 類來設(shè)置文本框的外邊距和大小。然后，我們使用偽元素 :before 和 :after 來設(shè)置文本框的邊框和圓角效果，并設(shè)定了它們的層級為 -1，以使其位于文本框下面。

接著，我們?yōu)?:before 偽元素設(shè)置了白色背景和陰影效果，為 :after 偽元素設(shè)置了灰色背景和陰影效果，以創(chuàng)造更立體的效果。

最后，我們定義了 .textarea 類來設(shè)置文本框的內(nèi)邊距、字體和字體顏色等效果，并將邊框設(shè)置為無，將背景設(shè)置為透明。通過這些設(shè)置，我們可以讓文本框看起來更美觀、更具有吸引力。