輸入框是我們網頁中常用的元素之一，也是我們使用最為頻繁的元素之一。在設計網頁時，我們需要注意輸入框的樣式，以便配合網頁整體風格。

以下是幾個關于輸入框css樣式的代碼示例：

input[type="text"] {
width: 200px;
height: 30px;
padding: 5px;
border: 1px solid #ccc;
border-radius: 5px;
}

代碼中，我們首先使用了屬性選擇器選擇了 input 元素中 type 為 text 的輸入框，并設置了輸入框的寬、高、內邊距、邊框和圓角。這些樣式的設置可以根據設計需求自由調整。

input[type="submit"], input[type="button"] {
padding: 8px 16px;
border: none;
color: #fff;
background-color: #007bff;
border-radius: 5px;
cursor: pointer;
}
input[type="submit"]:hover, input[type="button"]:hover {
background-color: #0069d9;
}

代碼中，我們使用了同樣的屬性選擇器選擇了 input 元素中 type 為 submit 或 button 的輸入框，并設置了它們的內邊距、邊框、字體顏色、背景顏色、圓角和鼠標懸停時的顏色變化。同樣地，這些樣式也可以根據需要進行自定義。

總的來說，輸入框的樣式設置在網頁設計中是非常重要的。通過合適的樣式設置，可以使您的網頁更具美感和用戶體驗，從而更好地吸引用戶。