CSS是一種用于樣式設計和布局的技術，可以幫助我們創建漂亮的網頁和交互式用戶界面。其中，我們可以使用CSS的類和屬性來對網頁中的元素進行樣式設置，例如字體、顏色、大小、位置等等。

今天，我們將探討如何使用CSS的“圓角”類和“環繞”屬性，將文本框圈起來。

## 圓角類

圓角類是一種CSS屬性，用于設置元素的圓角大小。圓角的大小可以通過元素的絕對定位和寬度來設置。例如：

```html

<style>

.circle {

width: 200px;

height: 200px;

background-color: blue;

border-radius: 50%;

margin: 20px auto;

</style>

<div class="circle"></div>

在上面的代碼中，`.circle`元素被設置了寬度為200px、高度為200px，背景顏色為藍色，并且圓角大小為50%。

## 環繞屬性

環繞屬性是一種CSS屬性，用于設置元素的環繞方式。環繞可以是圓形、橢圓形或無環繞。例如：

```html

<style>

.circle {

width: 200px;

height: 200px;

background-color: blue;

border-radius: 50%;

margin: 20px auto;

</style>

<div class="circle"></div>

在上面的代碼中，`.circle`元素被設置了寬度為200px、高度為200px，背景顏色為藍色，并且環繞方式是圓形。

這兩種方法都可以將文本框圈起來，具體使用哪種方法取決于您的具體需求。如果您希望為某些元素添加圓角，可以使用圓角類，如果您希望為所有元素添加環繞，可以使用環繞屬性。您可以使用不同的CSS屬性組合來創建各種樣式效果，以滿足不同的需求。