在CSS中,我們可以使用border-radius屬性將文本框變成圓圈。
input{ border-radius:50%; }
以上代碼將適用于所有的input元素。將border-radius設(shè)置為50%將使元素變成圓形。
如果您想將文本框設(shè)置為特定大小的圓形,則可以將寬度和高度設(shè)置為相等的值,并將border-radius設(shè)置為50%。
input[type="text"]{ width: 100px; height: 100px; border-radius: 50%; }
以上代碼將使元素用像素為單位的寬度和高度為100,并將其變成圓形。
當然,您也可以使用其他單位來指定寬度和高度。
這是一個簡單的例子,讓您了解如何使用CSS將文本框變成圓圈。無論您想添加何種樣式,都可以根據(jù)您的項目需求進行調(diào)整。