CSS 平面輸入框是一種在網頁設計中廣泛使用的輸入框樣式。它可以讓你的網站看起來更加現代和時尚，同時也可以增加用戶交互的友善度。

/* CSS 代碼 */
input[type="text"],
input[type="password"],
textarea {
background-color: #f8f8f8;
border: none;
border-radius: 3px;
font-size: 16px;
padding: 10px;
margin: 10px 0;
width: 100%;
transition: all 0.3s ease-in-out;
}
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus {
outline: none;
box-shadow: 0 0 5px #64B5F6;
background-color: #FFF;
}

上面的代碼是一個基本的 CSS 平面輸入框樣式。它在所有的輸入框類型上都適用，包括文本框、密碼框和文本域。

這個樣式使用了很多的 CSS 屬性，包括background-color、border、border-radius、font-size、padding、margin和width等。這些屬性可以讓輸入框看起來更加平面、簡潔和美觀。

此外，這個樣式還使用了transition屬性，用于在輸入框狀態改變時添加過渡效果。在輸入框獲得焦點時，它的背景色將變為白色，同時添加一個藍色盒子陰影。

使用 CSS 平面輸入框樣式可以讓你的網站看起來更加現代和美觀，同時也可以提高用戶交互的友善度。它是一個簡單但非常有效的前端技術，值得學習和應用。