在CSS中，將文本框的角設置為圓角是一個常見的需求，這可以通過使用border-radius屬性來實現(xiàn)。border-radius屬性可以設置一個元素四個角的圓角程度，下面是一些示例代碼，展示如何將文本框的角設置為圓角：

1、基本語法：

.rounded-text-box {
  border-radius: 10px;
}

上述代碼會將類名為rounded-text-box的元素的四個角都設置為10像素的圓角。

2、單獨設置每個角的圓角：

.rounded-text-box {
  border-top-left-radius: 10px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 40px;
}

這段代碼允許你為每個角單獨設置不同的圓角程度。

3、使用百分比：

.rounded-text-box {
  border-radius: 50%;
}

使用百分比可以創(chuàng)建橢圓形的文本框。50%會創(chuàng)建一個半圓形的文本框。

4、結合邊框使用：

.rounded-text-box {
  border: 2px solid #000;
  border-radius: 10px;
}

這段代碼創(chuàng)建了一個帶有黑色邊框的圓角文本框，邊框寬度為2像素，顏色為黑色。

通過調整border-radius的值，你可以控制文本框的圓角程度，從而設計出更符合你需求的用戶界面。