状态灯可以通过设置元素的 `display` 属性来开启或关闭,如果该元素没有 `display` 属性,则可以通过 `style` 属性来添加状态灯的样式。例如,大家可以这样设置一个按钮的状态灯:
这样,当用户点击按钮时,状态灯将变为绿色,表示状态灯已经被关闭。
除了设置元素的 `display` 属性外,大家还可以使用 CSS 的 `background-color` 属性来设置状态灯的背景颜色,使用 `color` 属性来设置状态灯的文本颜色,以及使用 `border` 属性来设置状态灯的边框样式等。
例如,大家可以这样设置一个按钮的状态灯:
这样,当用户点击按钮时,状态灯将变为蓝色,表示状态灯已经被关闭。
当然,状态灯的实现还可以更加复杂,例如可以设置多个状态灯,每个状态灯都有自己的样式和背景颜色,或者可以设置状态灯的生命周期等。
CSS 状态灯是一种非常方便和实用的技术,可以用于实现丰富的网页交互效果,为网页增添更多的交互性和趣味性。