CSS中的簡單事件 在CSS中，除了可以設(shè)置樣式，還可以添加一些簡單的事件。這些事件包括:hover、:active和:focus等。 1. :hover :hover是CSS中最常用的事件之一。它會在鼠標(biāo)懸停在某個元素上時觸發(fā)。比如： pre:hover { background-color: #ccc; } 這段代碼表示，當(dāng)鼠標(biāo)懸停在pre元素上時，背景色會變成灰色。 2. :active :active事件會在用戶點擊元素時觸發(fā)。一般用于按鈕等交互式元素上。比如： button:active { background-color: #f00; color: #fff; } 這段代碼表示，當(dāng)用戶點擊按鈕時，按鈕的背景色會變成紅色，字體顏色變成白色。 3. :focus :focus事件會在用戶將光標(biāo)放在某個元素上時觸發(fā)。一般用于文本輸入框等需要用戶輸入的元素上。比如： input[type="text"]:focus { border: 1px solid #00f; } 這段代碼表示，當(dāng)用戶將光標(biāo)放在文本輸入框中時，邊框會變成藍(lán)色。 總結(jié) CSS中的簡單事件可以為頁面添加一些動態(tài)效果，提高交互性和用戶體驗。常用的事件包括:hover、:active和:focus。我們可以根據(jù)不同的元素和需求來選擇使用相應(yīng)的事件。