CSS中，我們可以使用border-radius屬性很方便地實現文本框的圓角效果。在使用前，我們需要先了解一下border-radius屬性的語法格式。 border-radius屬性接受1到4個值，分別表示四個角的圓角半徑，如果只指定1個值，則四個角的圓角半徑都使用這個值。如果指定2個值，則第一個值表示左上角和右下角的圓角半徑，第二個值表示右上角和左下角的圓角半徑。如果指定3個值，則第一個值表示左上角的圓角半徑，第二個值表示右上角和左下角的圓角半徑，第三個值表示右下角的圓角半徑。如果指定4個值，則分別表示左上角、右上角、右下角、左下角的圓角半徑。 例如，下面的CSS代碼將實現一個四個角都為10px的圓角效果：

input {
border-radius: 10px;
}

如果我們只想將左上角為10px，右下角為20px，右上角和左下角分別為30px，可以這樣寫：

input {
border-radius: 10px 30px 20px 30px;
}

還可以使用像素值百分比、em等單位來指定圓角半徑。 除了文字框，border-radius屬性還可以用于其他元素的圓角效果，如div、按鈕等。 在實際開發中，我們可以根據不同的需求，使用不同的border-radius屬性值來實現各種復雜的圓角效果，使頁面更加美觀大氣。