使用CSS設置點擊事件是Web開發中常見的任務，它可以為頁面添加交互性和動態效果。在CSS中，我們可以通過 :hover、:active、:focus、transition 和 animation 等屬性來實現點擊事件。下面介紹這些屬性的語法和用法。 :hover :hover 是CSS中最常用的交互性屬性。當鼠標懸停在一個元素上時，該元素的樣式會發生改變。例如，我們可以讓按鈕的顏色在鼠標懸停時變成紅色： ```css button:hover { background-color: red; } ``` :active :active 屬性用于設置元素被激活時的樣式。當鼠標點擊一個元素時，該元素會顯示 :active 樣式，例如按鈕按下時的效果： ```css button:active { background-color: green; } ``` :focus :focus 屬性用于設置元素被聚焦時的樣式。當用戶用 Tab 鍵或鼠標選中一個元素時，該元素會顯示 :focus 樣式，例如輸入框獲得焦點時的效果： ```css input:focus { border-color: blue; } ``` transition transition 是CSS中的過渡效果。它可以為元素設置平滑的變化效果。例如，我們可以讓按鈕在鼠標懸停時平滑地變換顏色： ```css button { background-color: blue; transition: background-color 0.5s; } button:hover { background-color: red; } ``` animation animation 是CSS中的動畫效果。它可以為元素設置復雜的動態變化效果。例如，我們可以讓按鈕在鼠標懸停時動態地旋轉： ```css button:hover { animation: spin 1s infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } ``` 以上就是CSS中設置點擊事件的一些基本語法和用法。它們都可以為頁面添加交互性和動態效果，使得頁面更加生動有趣。