瀏覽器的hover 實現的是實現效果,那麼如何將鏈結的下劃線做成虛線,或者在link與hover不同狀態,下劃線會從虛線到實線的變化呢?
設定text-decoration:none。也就是去除了鏈結的下劃線。然後再給鏈結加下邊框線,設定下邊框線不同的寬度、線型、顏色,就可以實現「下劃線」變成多樣效果。可以參考關於border-style的屬性。
it有道,it之道,互幫互助
it有道,it之道,互幫互助
詳細出處參考:
關於超連結的下劃線
關於超連結中的下劃線這個及細節的問題,想必大家都有過討論和思考,大家都知道,把握乙個原則即可 讓使用者清楚的區分超連結文字和其他文字形式,並潛意識知道可以點選。但對於是否可以潛意識知道可以點選,還是有爭議的,不同的人,不同的環境會有不同的見解。不妨分幾個場景討論一下 1.導航區域,潛意識我會去點選。...
如何去掉a標籤的下劃線
如何去掉a標籤的下劃線 首先,來了解下標籤的一些樣式 標籤的偽類樣式 一組專門的預定義的類稱為偽類,主要用來處理超連結的狀態。超連結文字的狀態可以通過偽類選擇符 樣式規則來控制。偽類選擇符包括 總 a 表示所有狀態下的連線 如 a a link 未訪問鏈結 如 a link a visited 已訪...
如何去掉a標籤的下劃線
一 標籤的偽類樣式 總 a 表示所有狀態下的連線 如 a a link 未訪問鏈結 如 a link a visited 已訪問鏈結 如 a visited a active 啟用時 鏈結獲得焦點時 鏈結的顏色 如 a active a hover 滑鼠移到鏈結上時 如 a hover 一般a ho...