如何在Dreamweaver中設(shè)置手形鼠標(biāo)樣式效果
1、按F7(或點(diǎn)擊快速啟動(dòng)欄里那個(gè)象“八卦圖”似的圖標(biāo))，調(diào)出CSS面板，選擇“none”，再點(diǎn)擊面板下部的編輯圖標(biāo)，在彈出的“Edit Style Sheet”對(duì)話框上按“New”按鈕，在彈出的“New Style”對(duì)話框中選擇“Make Custom Style (class)”后，在下面的“Name”輸入框中輸入“.cursor1”(也就是給要定義的class取個(gè)名字，注意前面那個(gè)小點(diǎn)不要漏了)，按OK，立即彈出“Style Definition for .cursor1”對(duì)話框，這時(shí)就可定義CSS的“.cursor1”了。
2、在“Style Definition for .cursor1”對(duì)話框左邊的選擇窗口中選擇“Extensions”，在右邊的面板上定義(也是選擇)“Cursor”屬性，本例是要求鼠標(biāo)的形狀變?yōu)槭中�，所以點(diǎn)擊那個(gè)三角形按鈕，在拉出的`鼠標(biāo)樣式列表中選擇“hand”。
3、按OK按鈕返回“Edit Style Sheet”對(duì)話框，按“Done”按鈕，CSS就做好了。在網(wǎng)頁(yè)源代碼的〈head〉 與〈/head〉之間見(jiàn)到的CSS代碼是這樣的：
〈styletype="text/CSS"〉
〈!--
.cursor1{cursor:hand}
--〉
〈/style〉
對(duì)于不是使用Dreamweaver的網(wǎng)友，直接把上述代碼復(fù)制在〈head〉與〈/head〉之間，產(chǎn)生的效果相同。
4、選擇一段文本或圖象，點(diǎn)一下CSS面板上的“.cursor1”就行了。按F12，把鼠標(biāo)移到那段加載了改變鼠標(biāo)樣式CSS的地方，鼠標(biāo)就會(huì)變?yōu)槭中�。�?duì)于不是使用Dreamweaver的網(wǎng)友，需把class="cursor"加到網(wǎng)頁(yè)的源代碼中去才行。
若要把鼠標(biāo)改變成其它形狀，只要在第二步中定義“cursor”屬性時(shí)選擇不同的樣式就行了。各屬性值的含義如下：
crosshair：精確定位“十”字形; text：文本“I”形; wait：等待，“沙漏”形;default：默認(rèn)指針; help：幫助，帶尾箭頭; e-resize：箭頭朝右方; ne-resize：箭頭朝右上方; n-resize：箭頭朝上方; nw-resize：箭頭朝左上方; w-resize：箭頭朝左方; sw-resize：箭頭朝左下方; s-resize：箭頭朝下方; se-resize箭頭朝右下方; auto：自動(dòng)，鼠標(biāo)按照默認(rèn)的狀態(tài)根據(jù)頁(yè)面上的元素自行改變樣式。
了解了上述屬性值的含義，鼠標(biāo)的形狀就在你的掌握之中了，需要讓鼠標(biāo)在那里變?yōu)槭裁葱螤�，只要重�?fù)上面的操作就行了。要注意的是：一次只能定義一種鼠標(biāo)樣式，若在一個(gè)頁(yè)面上使用多種樣式的鼠標(biāo)圖形，要定義多個(gè)“class"，用時(shí)選擇加載。
【如何在Dreamweaver中設(shè)置手形鼠標(biāo)樣式效果】相關(guān)文章：
如何利用dreamweaver制作鼠標(biāo)樣式11-03
在Dreamweaver中利用CSS樣式表設(shè)置網(wǎng)頁(yè)09-05
dreamweaver知識(shí)：CSS樣式表設(shè)置網(wǎng)頁(yè)11-10
dreamweaver中cs6項(xiàng)目列表符號(hào)樣式設(shè)置08-07
DreamWeaver中應(yīng)用CSS樣式表09-11