在Web開發中，輸入框是常用的交互元素之一，為了美觀和用戶友好，我們可以對輸入框進行美化。其中，圓角是一種很簡單但非常有效的美化方式。下面介紹如何使用CSS實現輸入框樣式的圓角。

.input-box {
border-radius: 5px; /* 圓角大小為5px */
border: 1px solid #ccc; /* 邊框顏色為灰色 */
padding: 8px; /* 內邊距為8px */
}

上述代碼主要使用了CSS的border-radius屬性，它用于設置元素的圓角大小。border-radius屬性的值可以設置為一個數值，表示圓角大小；也可以設置為一個帶單位的數值，比如10px；還可以設置為多個數值，表示分別設置每個角的大小，比如5px 10px 15px 20px。

輸入框樣式圓角的實現，還可以通過選擇器的方式添加樣式。以下代碼為所有class為input-box的輸入框添加圓角樣式：

.input-box {
border-radius: 5px; /* 圓角大小為5px */
border: 1px solid #ccc; /* 邊框顏色為灰色 */
padding: 8px; /* 內邊距為8px */
}

如果要指定特定狀態的輸入框樣式，比如懸浮狀態、聚焦狀態等，可以使用:hover和:focus選擇器。以下代碼為懸浮狀態的輸入框添加圓角樣式：

.input-box:hover {
border-radius: 10px; /* 懸浮狀態的圓角大小為10px */
border: 1px solid #aaa; /* 邊框顏色為淺灰色 */
}

以上就是使用CSS實現輸入框樣式圓角的方法。通過簡單的CSS代碼，我們可以讓輸入框看起來更美觀，增強了用戶體驗。在實際開發中，可以根據具體的需求和設計稿，調整圓角大小和顏色，讓輸入框的樣式更貼近設計需求。