CSS中hover能實(shí)現(xiàn)多屬性變化嗎

css
小樊
81
2024-10-21 19:22:15

是的，在CSS中，hover偽類可以實(shí)現(xiàn)多個(gè)屬性的變化。你可以使用逗號(hào)分隔的屬性列表來(lái)指定多個(gè)要改變的屬性。以下是一個(gè)示例：

/* 鼠標(biāo)懸停在按鈕上時(shí)，改變背景顏色、字體顏色和邊框 */
button:hover {
  background-color: blue;
  color: white;
  border: 2px solid red;
}

在這個(gè)例子中，當(dāng)鼠標(biāo)懸停在按鈕上時(shí)，背景顏色會(huì)變?yōu)樗{(lán)色，字體顏色會(huì)變?yōu)榘咨吙驎?huì)變?yōu)榧t色。

0 踩