6、鼠標屬性
我們知道，當把鼠標移動到不同的地方時，當鼠標需要執行不同的功能時，當系統處於不同的狀態時，都會使鼠標的形狀發生改變。
用CSS來改變鼠標的屬性，就是當鼠標移動到不同的元素對像上面時，讓鼠標以不同的形狀、圖案顯示。
在CSS當中，這種樣式是通過「cursor」屬性來實現的。Cursor屬性有很多的屬性值，我們來看一下它的詳細列表：
我們來看一個例子吧，請看下面這段代碼：
<html>
<head>
<title>changemouse</title>
</head>
<body>
<h1 style=「font-family:文鼎新藝體簡」>鼠標效果</h1>//*設置字體*//
<p style=「font-family:行書體；font-size:16pt；color:red」>
請把鼠標移到相應的位置觀看效果。</p>//*設置字體的名稱、大小、顏色*//
<div style=「font-family:行書體；font-size:24pt；color:green；」>
//*設置該區域內的字體名稱、大小、綠色*//
<p><span style=「cursor:hand」>手的形狀</span><br>
//*設置鼠標屬性為手的形狀*//
<span style=「cursor:move」>移動</span><br>//*設置鼠標屬性為移動*//
<span style=「cursor:ne-resize」>反方向</span><br>
//*設置鼠標屬性為反方向*//
<span style=「cursor:wait」>等待</span><br>//*設置鼠標屬性為等待*//
<span style=「cursor:help」>求助</span>//*設置鼠標屬性為求助*//
</p>
</div>
</body>
</html>
上述代碼產生的效果請您
訪客無法瀏覽此圖片或連結，請先 註冊 或 登入會員 。
CSS的屬性就講到這裡，我們看到它的屬性還是比較多的，但是您只要搞清楚它們都是什麼意思，應用起來就會很方便。在您應用的時候，還可以參照我為您提供的
訪客無法瀏覽此圖片或連結，請先 註冊 或 登入會員 。 。
下一章將向您介紹CSS定位。
