CSS中的“事件驅動”，即是指在特定情況下，頁面上的某些元素會發生相應的事件，這些事件帶來的效果也會隨之而來。其中最常見的事件包括：hover、click、focus、blur、mousedown、mouseup等等。下面我們就來了解一下這些事件的使用方法。

p:hover {
background-color: yellow;
}

鼠標指針懸停在一個元素上，就會觸發這個元素的hover事件。上述代碼的意思是，當鼠標懸停在某個p元素上時，它的背景顏色會變成黃色。

button:click {
background-color: blue;
}

點擊一個按鈕，就會觸發該按鈕的click事件。上述代碼的意思是，當點擊一個button元素時，它的背景顏色會變成藍色。

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

當一個元素被選中時，就會觸發該元素的focus事件。上述代碼的意思是，當用戶選中一個input元素時，會在其周圍生成一個2px粗的綠色邊框。

input:blur {
border: 1px solid gray;
}

失去焦點時，就會觸發該元素的blur事件。上述代碼的意思是，當input元素失去焦點時，它的邊框會變成1px粗的灰色線。

button:active {
background-color: red;
}

按下一個按鈕時，就會觸發該按鈕的active事件。上述代碼的意思是，當用戶按下一個button元素時，它的背景顏色會變成紅色。

在CSS中，使用這些事件可以使頁面更加豐富多彩。此外，我們還可以通過JavaScript來操控這些樣式，讓網頁交互更加靈活。