css 四种状态

CSS中有四种状态，分别是悬停状态（hover）、聚焦状态（focus）、活动状态（active）和禁用状态（disabled）。

悬停状态指的是当鼠标光标移动到元素上时，它的样式发生改变。例如：

button:hover {
  background-color: red;
}

聚焦状态指的是当元素被选中并且输入焦点在其中时，它的样式发生改变。这通常用于表单元素，例如：

input:focus {
  border: 2px solid blue;
}

活动状态指的是元素被点击、按下或被触摸时的状态。例如：

button:active {
  background-color: green;
}

禁用状态指的是元素被禁用时的状态。例如：

input:disabled {
  background-color: lightgray;
}

掌握好这些状态可以为网页设计带来更多的变化和创意。