在網頁設計中，輸入框是非常常見的元素。合理的輸入框樣式設計，不僅可以美化頁面，還可以提高用戶交互體驗。下面介紹幾個常見的輸入框css樣式設計。

/*設置輸入框寬度*/
input[type="text"] {
width: 200px;
}
/*設置輸入框高度*/
input[type="text"] {
height: 30px;
}
/*設置輸入框邊框樣式*/
input[type="text"] {
border: 1px solid #ccc;
}
/*設置輸入框聚焦邊框樣式*/
input[type="text"]:focus {
border: 1px solid #007eff;
outline: none;
}
/*設置輸入框背景色*/
input[type="text"] {
background-color: #fff;
}
/*設置輸入框文字大小、顏色、字體*/
input[type="text"] {
font-size: 16px;
color: #333;
font-family: Arial, sans-serif;
}
/*設置輸入框內間距*/
input[type="text"] {
padding: 8px;
}
/*設置輸入框外間距*/
input[type="text"] {
margin: 10px;
}
/*設置輸入框圓角*/
input[type="text"] {
border-radius: 5px;
}

以上是一些常見的輸入框樣式設計方法，可以根據實際需要進行組合和調整。在設計輸入框樣式時，需要注意兼容不同操作系統和瀏覽器，以保證頁面的正確顯示和用戶交互體驗。