關於超連結的下劃線

2022-05-05 08:03:08 字數 713 閱讀 2372

關於超連結中的下劃線這個及細節的問題,想必大家都有過討論和思考,大家都知道,把握乙個原則即可:「讓使用者清楚的區分超連結文字和其他文字形式,並潛意識知道可以點選。」;但對於是否可以潛意識知道可以點選,還是有爭議的,不同的人,不同的環境會有不同的見解。

不妨分幾個場景討論一下:

1. 導航區域,潛意識我會去點選。

即便有下劃線也是個「古老形式」的擺設,所以一般沒有下劃線;好的設計不僅滿足點選,還滿足視覺的層級關係。

2. 整頁全是鏈結,下劃線成了可有可無的表現。

3. 可以點選嗎?別讓我去猜!

4. 在超連結和文字混排的情況下,下劃線更容易讓我們去點選。

5. 獨立超連結,不加下劃線不足以「明示」。

6. 需要特別突出顯示的鏈結,必要的時候使用「偽按鈕」。

關於偽按鈕的問題,臭魚在其接受偽按鈕已闡述的比較明確,在此不再贅述。

羅嗦一下基本概念,所謂的超連結是指從乙個網頁指向乙個目標的連線關係,這個目標可以是另乙個網頁,也可以是相同網頁上的不同位置,還可以是乙個,乙個電子郵件位址,乙個檔案,甚至是乙個應用程式。而在乙個網頁中用來超連結的物件,可以是一段文字或者是乙個。當瀏覽者單擊已經鏈結的文字或後,鏈結目標將顯示在瀏覽器上,並且根據目標的型別來開啟或執行。

超連結去掉下劃線

我們可以用css語法來控制超連結的形式 顏色變化。實現方法很簡單,在源 的和之間加上如下的css語法控制 其中 a link 指正常的未被訪問過的鏈結 a active 指正在點的鏈結 a hover 指滑鼠在鏈結上 a visited 指已經訪問過的鏈結 text decoration是文字修飾效...

全網頁CSS 超連結無下劃線

在乙個網頁中有若干對文字a超連結錨文字,但預設情況下帶鏈結文字是有下劃線效果的。如何使用css實現超連結無下劃線樣式呢?通過css設定要想讓帶超連結錨文字字型文字預設下劃線消失,我們需要css樣式單詞text decoration去掉下劃線。具體去掉全網頁預設鏈結下劃線實現無下劃線css 如下 a ...

去超連結下劃線專題詳解

去掉超連結的下劃線,需要用樣式表css來控制。找到這兩句了嗎?樣式表語句就加在它們中間。如下 僅僅加入這一句就去掉超連結下劃線了,這是個最簡單的例子,你試著這樣做就會成功的。二 上面的例子只是告訴你如何一次性去掉超連結下劃線,如果你的網頁當中有的超連結需要下劃線,有的不需要,該怎麼辦呢?首先你要構思...