CSS中的鼠標事件有很多種，主要包括鼠標懸停、鼠標點擊、鼠標移動和鼠標離開四種。

/* 鼠標懸停事件 */
a:hover {
color: red;
}
/* 鼠標點擊事件 */
button:active {
background-color: #ccc;
}
/* 鼠標移動事件 */
div {
position: absolute;
}
div:hover {
left: 50px;
}
/* 鼠標離開事件 */
input:focus {
border: 1px solid red;
}
input:focus + p {
color: green;
}

其中，鼠標懸停事件通過:hover偽類實現(xiàn)，當鼠標懸停在a標簽上時，字體顏色變?yōu)榧t色。

鼠標點擊事件通過:active偽類實現(xiàn)，當按鈕被點擊時，背景色變?yōu)榛疑?/p>

鼠標移動事件通過:hover偽類結(jié)合定位屬性實現(xiàn)，當鼠標懸停在div元素上時，向左移動50px。

鼠標離開事件通過:focus偽類實現(xiàn)，當input元素獲得焦點時，邊框變?yōu)榧t色；同時，其后面的p元素字體顏色變?yōu)榫G色。