CSS 綁定事件是一種在 CSS 中使用 JavaScript 代碼的技術，可以提高頁面的交互性和動態性。以下是一些示例代碼，介紹如何在 CSS 中綁定事件：

1. 使用偽元素 :hover 綁定事件：

.btn:hover {
background-color: #f00;
cursor: pointer;
}

2. 使用屬性選擇器 [attribute=value] 綁定事件：

a[title="foo"] {
display: block;
color: #0f0;
}

3. 使用偽類 :focus 綁定事件：

input:focus {
outline: none;
border: 1px solid #00f;
}

4. 使用偽類 :active 綁定事件：

.btn:active {
transform: translateY(2px);
}

5. 使用偽類 :before 或 :after 綁定事件：

.btn:before {
content: "Click me";
display: block;
color: #fff;
}
.btn:hover:before {
content: "Hello";
}

總結：

CSS 綁定事件可以使網頁更加動態，增強用戶體驗。但是需要注意的是，CSS 綁定事件只能實現一些簡單的交互效果，復雜的交互仍需使用 JavaScript 實現。