36. 實(shí)現(xiàn)用鼠標(biāo)指向鏈接時(shí)出現(xiàn)下劃線的效果

　　有些網(wǎng)頁(yè)的鏈接，原先沒有下劃線，你把鼠標(biāo)指向鏈接處，才會(huì)出現(xiàn)下劃線，鼠標(biāo)移掉下劃線就又沒有了。這種效果其實(shí)可以用層疊樣式表（css）來(lái)實(shí)現(xiàn)，在dreamweaver中編輯層疊樣式表不用編寫代碼，具體操作方法如下：

　�。�1）在快速啟動(dòng)欄中點(diǎn)擊層疊樣式表按鈕（就是把鼠標(biāo)放上去顯示“show css styles”的那個(gè)按鈕），在彈出的css styles面板上雙擊（none）；

　�。�2）此時(shí)，可看到彈出的edit style sheet 面板，在該面板上按new按鈕；

　�。�3）再在彈出的new style 面板上點(diǎn)取redefine html tag（重新定義html標(biāo)記）再在tag中選擇“a”（超級(jí)鏈接標(biāo)記）標(biāo)記后按ok按鈕；（4）這時(shí)可看到彈出的style dehinition for a 的對(duì)話框，在此對(duì)話框中可以設(shè)置超級(jí)鏈接的許多屬性，你可以按你的意愿設(shè)置，但我們這里主要是要去掉那討厭的下劃線，所以我們?cè)赿ecoration 屬性中選擇“none”，這樣就把下劃線去掉了；然后我們?cè)龠x擇顏色為：#339966。按ok按鈕返回到edit style sheet 面板；

　�。�5）在edit style sheet 面板上再按new按鈕；

　�。�6）在彈出的new style 面板上點(diǎn)取use css selector ，再在該面板上的selector選擇框中選擇“a:hover”（定義當(dāng)鼠標(biāo)在超級(jí)鏈接上時(shí)鏈接的屬性），按ok按鈕；

　�。�7）在彈出的style dehinition for a:hover 的對(duì)話框中，我們?cè)赿ecoration 屬性中選擇“underline”，這樣就把下劃線又加上了；然后我們?cè)龠x擇顏色為：#ff3300。按ok按鈕返回到edit style sheet 面板；

　�。�8）在edit style sheet 面板上再按don按鈕，至此所有設(shè)置結(jié)束。