CSS是一種設計網頁樣式的語言，改變input的樣式也是很簡單的，只需要使用CSS對其進行樣式的調整就可以了。

input {
display: block;
padding: 10px;
border: none;
border-radius: 5px;
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
font-size: 16px;
background-color: #f2f2f2;
width: 100%;
max-width: 300px;
margin: 0 auto;
text-align: center;
}

以上是一個改變input樣式的基本CSS代碼，下面我們一塊來講解一下。

首先，我們通過選擇器將input元素選中，接著我們設置了一些屬性來改變它的樣式。display屬性設置為block，這是為了使input元素占據整行。padding屬性設置了輸入框的填充大小，這是為了增加美感和易讀性。border屬性設置為none，這是為了去掉默認邊框線。border-radius屬性設置為5px，這是為了讓輸入框的四個角變為圓角。box-shadow屬性設置了一個陰影效果，這是為了增加立體感。font-size屬性設置了輸入框文字的大小，這是為了讓文字更為清晰。background-color屬性設置了背景顏色為灰白色，這是為了讓輸入框更為美觀。width屬性設置了輸入框的寬度，max-width屬性設置了輸入框的最大寬度，這也是為了讓它更為美觀。最后，margin屬性設置了輸入框的外邊距，使得輸入框居中顯示。

在CSS中，通過修改以上屬性，我們可以對input元素方便地改變其樣式。這是一個非常實用的技巧，可以給我們的網站設計帶來更多的個性化體驗。