CSS3提供了許多樣式效果，使得網(wǎng)站看起來更加漂亮和專業(yè)。其中一個常見的效果是在輸入框獲得焦點時改變其外觀。這種效果可以通過CSS3來實現(xiàn)，只需要幾行代碼。

input[type=text]:focus {
border: 2px solid #00BFFF;
box-shadow: 0 0 5px #00BFFF;
}

上面的代碼利用了CSS3的偽類選擇器: focus。當輸入框獲得焦點時，即光標在該輸入框中，以下樣式將應用于該輸入框：

• 2像素的斜線邊框，顏色為藍色。
• 5像素的藍色陰影。

這將使得輸入框在獲得焦點時有明顯的外觀變化。

除了這些基本樣式，您還可以添加其他CSS屬性，例如更改輸入框的背景顏色、文本顏色等。

input[type=text]:focus {
border: 2px solid #00BFFF;
box-shadow: 0 0 5px #00BFFF;
background-color: #F8F8FF;
color: #333333;
}

上面的代碼將改變輸入框的背景顏色和文本顏色，以及應用邊框和陰影。

總之，使用CSS3使輸入框在獲得焦點時改變外觀非常簡單。只需使用:focus偽類選擇器，并添加所需的樣式即可。這種效果可以使您的網(wǎng)站看起來更加專業(yè)和吸引人。