HTML中的控件選中狀態和邊框顏色設置 在HTML網頁中，控件選中狀態和邊框樣式是非常重要的展示效果，能夠讓用戶更明確地知道當前選項以及更好地操作網頁。本文將介紹如何通過HTML實現控件選中狀態和設置邊框顏色。 1. 控件選中狀態 在HTML中，checkbox和radio是最常用的控件類型，它們都有名為checked的屬性來表示當前是否被選中。 例如，在下面的代碼中，我們定義了兩個checkbox控件，一個被默認選中，一個未選中。

<input type="checkbox" name="fruit" value="apple" checked> 蘋果
<input type="checkbox" name="fruit" value="orange"> 橙子

在網頁加載時，我們可以看到蘋果這一項被自動選中了。如果需要在用戶勾選控件時做出響應，可以使用JavaScript來監聽其變化。 2. 邊框顏色設置 在HTML中，可以通過CSS樣式來設置元素的邊框樣式、寬度和顏色等屬性。對于邊框顏色的設置，我們可以使用border-color屬性，它可以同時設置上、右、下、左四個方向的顏色值。 例如，在下面的代碼中，我們定義了一個具有綠色邊框和藍色選中狀態的checkbox控件。

<style>
.green-border {
border: 2px solid green;
border-radius: 5px;
}
.green-border:checked {
border-color: blue;
}
</style>
<input type="checkbox" class="green-border" name="fruit" value="apple" checked> 蘋果

我們使用CSS樣式定義了一個名為green-border的類，它設置了2像素的綠色實線邊框并使用border-radius屬性設置了邊框的圓角。在這個類中，我們還定義了一個:checked偽類，表示控件被選中時的狀態，它使用border-color屬性將邊框顏色修改為藍色。在HTML中，我們給checkbox控件添加了green-border類，因此它將以綠色邊框顯示，并自動被選中。在用戶勾選該控件時，它的邊框顏色將自動轉為藍色。 綜上所述，控件選中狀態和邊框顏色設置是HTML網頁中常用的展示效果，能夠提升用戶體驗。HTML和CSS 提供了豐富的控件樣式和樣式屬性，開發者可以根據實際需求自由配置。