在Web開發中，鼠標樣式是頁面交互中很重要的一部分。通過CSS代碼，我們可以自定義鼠標在不同狀態下的樣式，讓頁面變得更加生動。下面介紹一些實用的鼠標樣式的CSS代碼。

/*默認鼠標樣式*/
body{
cursor:default;
}
/*鏈接鼠標樣式*/
a:hover{
cursor:pointer;
}
/*文本框鼠標樣式*/
input[type="text"],textarea{
cursor:text;
}
/*拖動鼠標樣式*/
.drag{
cursor:move;
}
/*手形鼠標樣式*/
.pointer{
cursor:pointer;
}
/*箭頭鼠標樣式*/
.arrow{
cursor:default;
}
/*十字線鼠標樣式*/
.crosshair{
cursor:crosshair;
}
/*禁止鼠標樣式*/
.disable{
cursor:not-allowed;
}
/*等待鼠標樣式*/
.wait{
cursor:wait;
}
/*放大鏡鼠標樣式*/
.zoom-in{
cursor:url(../images/zoom-in.png),auto;
}
/*縮小鏡鼠標樣式*/
.zoom-out{
cursor:url(../images/zoom-out.png),auto;
}

通過以上CSS代碼，我們可以輕松地自定義鼠標樣式，增加頁面的交互性和美感。