CSS是一種用于美化網頁的樣式語言，在輸入框中，CSS也可以用來改變其外觀和交互效果。以下是一些常見的輸入框CSS效果。

/* 設置輸入框邊框 */
input {
border: 2px solid #ccc;
}
/* 改變輸入框的背景顏色和文字顏色 */
input[type="text"], input[type="email"] {
background-color: #f8f8f8;
color: #333;
}
/* 增加輸入框的圓角效果 */
input[type="text"], input[type="email"] {
border-radius: 5px;
}
/* 當輸入框獲得焦點時，改變邊框顏色和背景顏色 */
input:focus {
border-color: #3e82f7;
background-color: #fff;
}
/* 在輸入框后面添加搜索圖標 */
input[type="search"] {
background-image: url('search-icon.png');
background-repeat: no-repeat;
background-position: right center;
padding-right: 25px;
}
/* 設置輸入框的提示信息樣式 */
input[placeholder] {
color: #999;
font-style: italic;
font-size: 14px;
}

通過以上CSS代碼，我們可以很容易地實現各種輸入框效果，例如改變輸入框的邊框、背景和文字顏色，增加圓角、添加圖標和設置提示信息樣式。這些效果可以讓輸入框更加美觀，用戶也能夠更加方便地輸入信息。