亚洲一级免费看,特黄特色大片免费观看播放器,777毛片,久久久久国产一区二区三区四区,欧美三级一区二区,国产精品一区二区久久久久,人人澡人人草

效果

如何在Dreamweaver中設置手形鼠標樣式效果

時間:2021-06-21 11:16:04 效果 我要投稿

如何在Dreamweaver中設置手形鼠標樣式效果

  1、按F7(或點擊快速啟動欄里那個象“八卦圖”似的圖標),調出CSS面板,選擇“none”,再點擊面板下部的編輯圖標,在彈出的“Edit Style Sheet”對話框上按“New”按鈕,在彈出的“New Style”對話框中選擇“Make Custom Style (class)”后,在下面的“Name”輸入框中輸入“.cursor1”(也就是給要定義的class取個名字,注意前面那個小點不要漏了),按OK,立即彈出“Style Definition for .cursor1”對話框,這時就可定義CSS的“.cursor1”了。

如何在Dreamweaver中設置手形鼠標樣式效果

  2、在“Style Definition for .cursor1”對話框左邊的選擇窗口中選擇“Extensions”,在右邊的面板上定義(也是選擇)“Cursor”屬性,本例是要求鼠標的形狀變?yōu)槭中,所以點擊那個三角形按鈕,在拉出的`鼠標樣式列表中選擇“hand”。

  3、按OK按鈕返回“Edit Style Sheet”對話框,按“Done”按鈕,CSS就做好了。在網(wǎng)頁源代碼的〈head〉 與〈/head〉之間見到的CSS代碼是這樣的:

  〈styletype="text/CSS"〉

  〈!--

  .cursor1{cursor:hand}

  --〉

  〈/style〉

  對于不是使用Dreamweaver的網(wǎng)友,直接把上述代碼復制在〈head〉與〈/head〉之間,產(chǎn)生的效果相同。

  4、選擇一段文本或圖象,點一下CSS面板上的“.cursor1”就行了。按F12,把鼠標移到那段加載了改變鼠標樣式CSS的地方,鼠標就會變?yōu)槭中。對于不是使用Dreamweaver的網(wǎng)友,需把class="cursor"加到網(wǎng)頁的源代碼中去才行。

  若要把鼠標改變成其它形狀,只要在第二步中定義“cursor”屬性時選擇不同的樣式就行了。各屬性值的含義如下:

  crosshair:精確定位“十”字形; text:文本“I”形; wait:等待,“沙漏”形;default:默認指針; help:幫助,帶尾箭頭; e-resize:箭頭朝右方; ne-resize:箭頭朝右上方; n-resize:箭頭朝上方; nw-resize:箭頭朝左上方; w-resize:箭頭朝左方; sw-resize:箭頭朝左下方; s-resize:箭頭朝下方; se-resize箭頭朝右下方; auto:自動,鼠標按照默認的狀態(tài)根據(jù)頁面上的元素自行改變樣式。

  了解了上述屬性值的含義,鼠標的形狀就在你的掌握之中了,需要讓鼠標在那里變?yōu)槭裁葱螤,只要重復上面的操作就行了。要注意的是:一次只能定義一種鼠標樣式,若在一個頁面上使用多種樣式的鼠標圖形,要定義多個“class",用時選擇加載。

【如何在Dreamweaver中設置手形鼠標樣式效果】相關文章:

如何利用dreamweaver制作鼠標樣式11-03

在Dreamweaver中利用CSS樣式表設置網(wǎng)頁09-05

dreamweaver知識:CSS樣式表設置網(wǎng)頁11-10

dreamweaver中cs6項目列表符號樣式設置08-07

DreamWeaver中應用CSS樣式表09-11

Dreamweaver應用CSS樣式10-31

在Dreamweaver中設置錨記鏈接08-09

在DreamWeaver中應用CSS樣式表技巧11-15

DreamWeaver中CSS樣式表應用技巧02-24