CSS 狀態燈是一種通過 CSS 樣式控制網頁中元素狀態的技術，可以讓網頁中的不同元素呈現出不同的狀態，比如顯示、隱藏、開啟或關閉等，從而實現更加豐富的網頁交互效果。

狀態燈可以通過設置元素的 `display` 屬性來開啟或關閉，如果該元素沒有 `display` 屬性，則可以通過 `style` 屬性來添加狀態燈的樣式。例如，我們可以這樣設置一個按鈕的狀態燈：

<button style="display: block; color: red;">點擊關閉狀態燈</button>

這樣，當用戶點擊按鈕時，狀態燈將變為綠色，表示狀態燈已經被關閉。

除了設置元素的 `display` 屬性外，我們還可以使用 CSS 的 `background-color` 屬性來設置狀態燈的背景顏色，使用 `color` 屬性來設置狀態燈的文本顏色，以及使用 `border` 屬性來設置狀態燈的邊框樣式等。

例如，我們可以這樣設置一個按鈕的狀態燈：

<button style="background-color: blue; color: red;">點擊關閉狀態燈</button>

這樣，當用戶點擊按鈕時，狀態燈將變為藍色，表示狀態燈已經被關閉。

當然，狀態燈的實現還可以更加復雜，例如可以設置多個狀態燈，每個狀態燈都有自己的樣式和背景顏色，或者可以設置狀態燈的生命周期等。

CSS 狀態燈是一種非常方便和實用的技術，可以用于實現豐富的網頁交互效果，為網頁增添更多的交互性和趣味性。