CSS 中定義鼠標移開的操作可通過:hover和:mouseout兩種偽類實現。

/*:hover偽類*/
a:hover{
color:#FF0000;
}
/*當鼠標懸停在a標簽上時，顏色會變成紅色*/
/*:mouseout偽類*/
a{
color:#000000;
}
a:mouseout{
color:#FF0000;
}
/*當鼠標移開a標簽時，顏色會變成紅色*/

也可以將:hover和:mouseout聯合使用，實現更加復雜的效果，比如鼠標移開時的漸變效果：

a{
color:#000000;
transition:color 0.5s ease;
}
a:hover{
color:#FF0000;
}
a:active{
color:#00FF00
}
a:hover:active{
color:#0000FF
}
a:mouseout{
color:#FFFFFF;
}
/*當鼠標懸停時，顏色會逐漸變成紅色，鼠標點擊時，顏色會變成綠色，同時保持鼠標懸停的狀態，則顏色會變成藍色。當鼠標移開時，顏色會變成白色。*/

除了顏色，也可以通過:hover和:mouseout控制背景色、邊框、顯示與隱藏等效果。