鼠标形状为放大镜或缩小镜

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>鼠标形状</title>
</head>
<body>

<style>
.zoom-in{
   cursor: zoom-in;
}
.zoom-out{
   cursor: zoom-out;
}
</style>

<div class="zoom-in">鼠标形状放上变为放大镜</div>
<br />
<div class="zoom-out">鼠标形状放上变为缩小镜</div>
</body>
</html>