---
# System prepended metadata

title: CSS 滑鼠游標樣式 cursor
tags: [CSS]

---

# 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; 

```htmlmixed=
<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>