# CSS 滑鼠游標樣式 cursor

###### tags:`CSS`

---

cursor: auto;
cursor: crosshair;
cursor: default;
cursor: e-resize;
cursor: help;
cursor: move;
cursor: n-resize;
cursor: ne-resize;
cursor: nw-resize;
cursor: pointer;
cursor: progress;
cursor: s-resize;
cursor: text;
cursor: w-resize;
cursor: wait;
cursor: inherit;

<style>
.myMOUSE{ cursor: auto; }
.myMOUSE{ cursor: crosshair; }
.myMOUSE{ cursor: default; }
.myMOUSE{ cursor: e-resize; }
.myMOUSE{ cursor: help; }
.myMOUSE{ cursor: move; }
.myMOUSE{ cursor: n-resize; }
.myMOUSE{ cursor: ne-resize; }
.myMOUSE{ cursor: nw-resize; }
.myMOUSE{ cursor: pointer; }
.myMOUSE{ cursor: progress; }
.myMOUSE{ cursor: s-resize; }
.myMOUSE{ cursor: text; }
.myMOUSE{ cursor: w-resize; }
.myMOUSE{ cursor: wait; }
.myMOUSE{ cursor: inherit; }
</style>
<table cellspacing="1" cellpadding="20" align="center" bgcolor="#669999">
<tbody>
    <tr>
        <td style="cursor: auto;" bgcolor="#ffffff">.myMOUSE{ cursor: auto; }</td></tr>
    <tr>
        <td style="cursor: crosshair;" bgcolor="#ffffff">.myMOUSE{ cursor: crosshair; }</td>
    </tr>
    <tr>
        <td style="cursor: default;" bgcolor="#ffffff">.myMOUSE{ cursor: default; }</td>
    </tr>
    <tr>
        <td style="cursor: e-resize;" bgcolor="#ffffff">.myMOUSE{ cursor: e-resize; }</td>
    </tr>
    <tr>
        <td style="cursor: help;" bgcolor="#ffffff">.myMOUSE{ cursor: help; }</td>
    </tr>
    <tr>
    	<td style="cursor: move;" bgcolor="#ffffff">.myMOUSE{ cursor: move; }</td>
    </tr>
    <tr>
    	<td style="cursor: n-resize;" bgcolor="#ffffff">.myMOUSE{ cursor: n-resize; }</td>
    </tr>
    <tr>
    	<td style="cursor: ne-resize;" bgcolor="#ffffff">.myMOUSE{ cursor: ne-resize; }</td>
    </tr>
    <tr>
    	<td style="cursor: nw-resize;" bgcolor="#ffffff">.myMOUSE{ cursor: nw-resize; }</td>
    </tr>
    <tr>
    	<td style="cursor: pointer;" bgcolor="#ffffff">.myMOUSE{ cursor: pointer; }</td>
    </tr>
    <tr>
    	<td style="cursor: progress;" bgcolor="#ffffff">.myMOUSE{ cursor: progress; }</td>
    </tr>
    <tr>
    	<td style="cursor: s-resize;" bgcolor="#ffffff">.myMOUSE{ cursor: s-resize; }</td>
    </tr>
    <tr>
        <td style="cursor: text;" bgcolor="#ffffff">.myMOUSE{ cursor: text; }</td>
    </tr>
    <tr>
    	<td style="cursor: w-resize;" bgcolor="#ffffff">.myMOUSE{ cursor: w-resize; }</td>
    </tr>
    <tr>
        <td style="cursor: wait;" bgcolor="#ffffff">.myMOUSE{ cursor: wait; }</td>
    </tr>
    <tr>
        <td style="cursor: inherit;" bgcolor="#ffffff">.myMOUSE{ cursor: inherit; }</td>
    </tr>
</tbody>
</table>

---
<style>
h2 {
color: #2383B8;
}
h3 {
color: #1AA340;
}
h4 {
color: white;
background-color: #2383B8;
padding:8px;
}

.code1 {
padding: 2px 4px;
font-size: 90%;
color: #c7254e;
background-color: #f9f2f4;
border-radius: 4px;
font-family:'Fira Code';
}
.code {
padding: 2px 4px;
font-size: 90%;
font-family:'Fira Code';
}
</style>