文本框給網頁增色不少，而圓角文本框則更顯現時尚和美觀，接下來我們就來講講怎樣通過CSS來實現圓角文本框。

/*CSS代碼開始*/
.rounded{
border-radius: 5px; /*設定圓角值*/
border: 1px solid #ccc; /*設定邊框*/
padding: 10px; /*設定填充值*/
}
/*CSS代碼結束*/

上述代碼通過border-radius屬性設定圓角值，通過border屬性設定邊框，通過padding屬性設定填充值，我們可以根據實際需要靈活改變這些值。接下來我們來看看如何在HTML中應用它。

/*HTML代碼開始*/
<div class="rounded">
<p>這是一段圓角文本框中的文字。</p>
</div>
/*HTML代碼結束*/

上述代碼通過與剛剛CSS代碼相對應的類名.rounded來應用它。

更復雜的圓角文本框樣式也可以通過CSS來實現，比如不同位置圓角大小的組合等等，可以根據需求進一步探索，希望這篇文章對你有所幫助。