div css超級鏈接上實現鼠標懸停變色的方法

下面我們給大家介紹一下div css超級鏈接上實現鼠標懸停變色吧!希望大家可以在這裡學習!

1.在點擊菜單欄上的"Text"|"CSS Styles"| "Edit Style Sheet…"(或者直接按快捷鍵Ctrl+shift+E),調出Edit Style Sheet(編輯樣式表)對話框窗口。

2.點擊"New (新建)"，然後在"New Style (新樣式)"對話框中，點擊"Use CSS Selector"按鈕。

3.在Selector欄中鍵入a, 然後點OK。

4.隨後彈出"CSS 樣式定義"對話框，在Type類的decoration(裝飾)中，勾選none，然後點OK，再點Done。你將立刻在Document Windows中發現鏈接的下劃線已經消失了。那麼又怎樣實現當鼠標懸停在鏈接上時鏈接變色呢?重復上述步驟中的的第一、第二步。然後點選Selector旁的下拉箭頭，選擇"a:hover",再點OK。在隨後彈出的 "Style definition for a: hover"對話框中，在Type類的color中任意選擇一種顏色(比如選擇紅色)，然後點OK，再點Done便完成了。按F12預覽，將鼠標放在鏈接上，該鏈接是不是變成了紅色?如果在剛才的"Style definition for a: hover"對話框中，在Backgroud(背景)類裡，選擇backgroud的顏色為綠色，那麼當你把鼠標放在超級鏈接上時，不但鏈接會變成紅色，而且還會有綠色的背景。

div css超級鏈接上實現鼠標懸停變色的精彩內容就先到這裡。更多精彩內容，還請大家持續關注精品。

相關推薦：

創建可反復使用的外部CSS樣式表的方法