想看具體效果請自行復制代碼在瀏覽器中查看,樣式太多就不一一截圖了!html
<!doctype html> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<title>無標題文檔</title> | |
<style> | |
ul,li{padding:10px;list-style:none;} | |
li{border:1px solid red;} | |
/*li{ cursor:pointer; }*/ | |
</style> | |
</head> | |
<body> | |
<ul> | |
<li style="cursor:auto">auto</li> | |
<li style="cursor:crosshair">Crosshair</li> | |
<li style="cursor:default"> Default</li> | |
<li style="cursor:pointer"> Pointer</li> | |
<li style="cursor:move"> Move</li> | |
<li style="cursor:e-resize"> e-resize</li> | |
<li style="cursor:ne-resize"> ne-resize</li> | |
<li style="cursor:nw-resize"> nw-resize</li> | |
<li style="cursor:n-resize"> n-resize</li> | |
<li style="cursor:se-resize"> se-resize</li> | |
<li style="cursor:sw-resize"> sw-resize</li> | |
<li style="cursor:s-resize"> s-resize</li> | |
<li style="cursor:w-resize"> w-resize</li> | |
<li style="cursor:text"> text</li> | |
<li style="cursor:wait"> wait</li> | |
<li style="cursor:help"> help</li> | |
</ul> | |
</body> | |
</html> |