巧用DreamweaverCS3制作多姿多少的鏈接樣式
發布時間：2014-07-29 共1頁
經常在各家五花八門的網站晃悠的朋友可能會注重到一些有特點的網站往往在鼠標的鏈接指向外形上有不規則的變化，比如“十”字形，“問號”或者是不同方向的小箭頭，下面我們就看看如何在網頁制作時讓鼠標的樣式也多一點變化。
1、啟動DreamweaverCS3，打開要應用鼠標樣式的網頁，在主窗口中選擇Text下拉菜單，再選擇CSSStyle子菜單中的NewStyle命令新建樣式表。
丁香姐姐提示：假如你的網頁中已經存在樣式表，可以選擇CSSStyles—>>EditStyleSheet編輯樣式表。
2、彈出NewStyle對話框，其中Type項有三個單選按鈕：MakeCustomStyle、RedefineHTMLTag、UseCSSSelector。MakeCustomStyle是自定義樣式，樣式名以圓點開頭；UseCSSSelector是使用CSS選擇器，里邊包含四個超鏈接樣式a:active/a:hover/a:link/a:visited；RedefineHTMLTag是定義HTML系統標簽的樣式，如a\body\br等等。假如我們只對該頁面的超鏈接設置鼠標樣式，就選擇RedefineHTMLTag選項中的a標簽，然后Define項選擇ThisDocumentOnly，單擊OK按鈕確定。
3、在Styledefinitionfor對話框，進入超鏈接樣式設置。左邊的Category是樣式類別，選擇Extentions項，可以看到右邊VisualEffect中的Cursor項，這就是設置鼠標樣式的要害項，單擊右邊的下拉菜單，選擇你所需要的鼠標樣式，單擊OK按鈕就可以了。來源：考試大
具體可參考下表：
hand最普通，大家最熟悉的手型crosshair十字型text平時鼠標移動到文本上的樣式wait等待的效果default默認的效果help帶問號的鼠標樣式e-resize向右的箭頭ne-resize向右上方的箭頭n-resize向上的箭頭nw-resize向左上方的箭頭w-resize向左的箭頭sw-resize向左下的箭頭s-resize向下的箭頭se-resize向右下方的箭頭auto系統自動的效果
4、當然根據需要你也可以將鼠標樣式應用于其它標簽，或者只應用于某一段文本，假如你對CSS代碼不生疏，直接手寫代碼更方便，非凡是想在不同的位置運用不同的鼠標樣式，或者不同的標簽使用不同的鼠標樣式，直接將樣式寫在某個具體的標簽里邊就可以了。
方法是：等等，大家可以參考進行不同的設置。
趕緊動手設置一下吧，給你的網頁添風采。
