在制作網頁的過程中，常常需要使用輸入框作為用戶輸入信息的渠道。為了達到更好的視覺效果和用戶體驗，我們可以將輸入框設置為圓形。下面我們來介紹如何使用CSS來實現這個效果。

/*設置輸入框的外觀*/
input[type=text] {
border-radius: 50%; /*將邊角半徑設置為50%即可實現圓形*/
height: 50px; /*設置輸入框的高度*/
width: 50px;  /*設置輸入框的寬度*/
border: none; /*將邊框設置為無*/
background-color: #f2f2f2; /*設置輸入框的背景顏色*/
padding: 10px; /*設置輸入框內部文字與邊框的間距*/
text-align: center; /*設置文字居中對齊*/
font-size: 20px; /*設置字體大小*/
outline: none; /*去掉輸入框點擊時出現的虛線框*/
}

通過以上CSS代碼，我們可以將輸入框的邊角半徑設置為50%，即可使輸入框變為圓形。同時，我們還可以設置輸入框的高度和寬度，以及去掉邊框和添加背景顏色，進一步美化輸入框的外觀。這個效果非常簡單易學，所以您可以輕松地為您的網頁添加美觀的圓形輸入框。