CSS 是一種強大的樣式表語言，可以讓開發者輕松地控制 HTML 網頁的外觀和布局。在 CSS 中，我們也可以使用“pointer-events”這個屬性來控制 HTML 元素是否響應鼠標事件。

pointer-events 屬性具有以下幾個值：

element {
pointer-events: none;  // 不響應任何鼠標事件
pointer-events: auto;  // 響應所有鼠標事件
pointer-events: visiblePainted; // 不響應鼠標事件，但元素仍可以被選擇和復制
pointer-events: visibleFill; // 不響應鼠標事件，但元素的填充區域仍然可以被選擇和復制
pointer-events: visibleStroke; // 不響應鼠標事件，但元素的輪廓仍然可以被選擇和復制
pointer-events: inherit; // 從父元素繼承 pointer-events 值
}

舉個例子，如果我們想要禁用一個按鈕的點擊事件，那么可以給這個按鈕添加“pointer-events: none;”的樣式：

.disabled-btn {
pointer-events: none;
opacity: 0.5;  // 可以通過設置透明度來使禁用狀態更顯眼
}

使用 pointer-events 屬性，可以讓我們在開發網頁時更加靈活地控制 HTML 元素對于鼠標事件的響應。但是需要注意的是，如果我們過度使用這個屬性，可能會導致網頁的不可用性降低，從而影響用戶體驗。