CSS中設置input邊框的方法 在CSS中，我們可以通過設置input元素的邊框樣式來美化input框的外觀。下面我們將介紹兩種常用的設置邊框的方法。 方法一：直接設置input的樣式 我們可以通過設置input的樣式來改變其邊框樣式。代碼如下：

input {
border: 2px solid #ccc;
border-radius: 4px;
}

上述代碼中，我們通過設置border屬性為2px實現了邊框的寬度為2像素，設置border-style為實線并設置border-color為#ccc實現了邊框為灰色的實線，并通過設置border-radius屬性為4px，達到了邊框圓角的效果。 方法二：使用偽類設置input的樣式 我們還可以使用偽類來為input元素設置邊框樣式。代碼如下：

input:focus {
outline: none;
border-color: #4d90fe;
-webkit-box-shadow: 0 0 5px rgba(77,144,254,.5);
-moz-box-shadow: 0 0 5px rgba(77,144,254,.5);
box-shadow: 0 0 5px rgba(77,144,254,.5);
}

上述代碼中，我們首先使用:focus偽類設置input元素獲得焦點時的邊框樣式。然后將outline屬性設置為none，去掉input元素默認的輪廓線。接著我們設置border-color為#4d90fe，即藍色邊框。最后，我們使用box-shadow屬性為input元素添加陰影，達到了更加立體的效果。 綜上所述，以上兩種方法都可以實現設置input邊框的效果，開發者可以根據具體的需求，選擇適合自己的方法進行應用。