在網頁設計開發中，輸入框是一個常見的元素。調整輸入框的形狀可以讓頁面變得更加美觀和易于操作。下面，我們來介紹使用CSS如何調整輸入框的形狀。

input[type="text"],input[type="password"],textarea{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
height:38px;
border:1px solid #e0e0e0;
border-radius:0;
outline:none;
padding:0 12px;
}

首先，在CSS代碼中，我們選中了input[type="text"]、input[type="password"]和textarea這三個元素，這三個元素是常見的輸入框元素。這里我們使用了box-sizing:border-box屬性，使元素的尺寸基于它的內邊距和邊框計算，而不是基于元素自身的尺寸和邊框計算。這樣的話，當我們設置元素的padding和border時，它不會影響元素的實際尺寸。

然后，我們設置了輸入框的高度和邊框顏色。通過border-radius屬性，我們可以調整輸入框的圓角半徑。如果我們將border-radius設置為50%，那么輸入框就會變成一個圓形。如果我們只設置其中一個角的border-radius屬性，那么該角就會變成一個圓角。如果我們將border-radius的值設置為0，那么輸入框的角就會變得非常“棱角分明”，看起來就像是由多個矩形拼接而成。

最后，我們取消了輸入框的outline，并且將輸入框的padding設置為0，使得輸入框的文本緊貼在外邊框上。

通過上述方式，我們就可以輕松地調整輸入框的形狀。當然，在實際的網頁開發中，具體的調整方式還需要根據具體的需求和設計風格來確定。