CSS 狀態(tài)燈是一種通過(guò) CSS 樣式控制網(wǎng)頁(yè)中元素狀態(tài)的技術(shù)，可以讓網(wǎng)頁(yè)中的不同元素呈現(xiàn)出不同的狀態(tài)，比如顯示、隱藏、開(kāi)啟或關(guān)閉等，從而實(shí)現(xiàn)更加豐富的網(wǎng)頁(yè)交互效果。
狀態(tài)燈可以通過(guò)設(shè)置元素的 `display` 屬性來(lái)開(kāi)啟或關(guān)閉，如果該元素沒(méi)有 `display` 屬性，則可以通過(guò) `style` 屬性來(lái)添加狀態(tài)燈的樣式。例如，我們可以這樣設(shè)置一個(gè)按鈕的狀態(tài)燈：
這樣，當(dāng)用戶點(diǎn)擊按鈕時(shí)，狀態(tài)燈將變?yōu)榫G色，表示狀態(tài)燈已經(jīng)被關(guān)閉。
除了設(shè)置元素的 `display` 屬性外，我們還可以使用 CSS 的 `background-color` 屬性來(lái)設(shè)置狀態(tài)燈的背景顏色，使用 `color` 屬性來(lái)設(shè)置狀態(tài)燈的文本顏色，以及使用 `border` 屬性來(lái)設(shè)置狀態(tài)燈的邊框樣式等。
例如，我們可以這樣設(shè)置一個(gè)按鈕的狀態(tài)燈：
這樣，當(dāng)用戶點(diǎn)擊按鈕時(shí)，狀態(tài)燈將變?yōu)樗{(lán)色，表示狀態(tài)燈已經(jīng)被關(guān)閉。
當(dāng)然，狀態(tài)燈的實(shí)現(xiàn)還可以更加復(fù)雜，例如可以設(shè)置多個(gè)狀態(tài)燈，每個(gè)狀態(tài)燈都有自己的樣式和背景顏色，或者可以設(shè)置狀態(tài)燈的生命周期等。
CSS 狀態(tài)燈是一種非常方便和實(shí)用的技術(shù)，可以用于實(shí)現(xiàn)豐富的網(wǎng)頁(yè)交互效果，為網(wǎng)頁(yè)增添更多的交互性和趣味性。