去超連結下劃線專題詳解

2021-08-30 06:00:08 字數 731 閱讀 1511

去掉超連結的下劃線,需要用樣式表css來控制。……

找到這兩句了嗎?樣式表語句就加在它們中間。如下:

僅僅加入這一句就去掉超連結下劃線了,這是個最簡單的例子,你試著這樣做就會成功的。

二、上面的例子只是告訴你如何一次性去掉超連結下劃線,如果你的網頁當中有的超連結需要下劃線,有的不需要,該怎麼辦呢?首先你要構思好,你的網頁中的超連結大部分是有下劃線的,還是沒下劃線的?

·如果大部分超連結不要下劃線,就可以加入這一句,然後在少數要下劃線的超連結裡使用這個方法,它就有下劃線了:文字。

·如果大部分超連結都要下劃線,就可以不要加入前面提到的這句。把它改為:,注意:n前面有個點,它表示類選擇符,然後在網頁的超連結當中可以多次引用,就可單獨去掉個別超連結了,例如:

網頁樹樹

自由勇auciou

三、如何讓超連結去掉下劃線,滑鼠停留在上面時有下劃線?

可以改為這句:

網頁樹樹

自由勇,它等價於,這在前面介紹的《樣式表簡明教程》中有介紹。加入這句之後,網頁內的超連結都沒有下劃線,如果你想讓一部分超連結初始無下劃線,滑鼠懸停時有下劃線,就用這種方法:

網頁樹樹

自由勇auciou

由上可以看出,我們又用了一次css偽類,它的定義格式是:選擇符.類選擇符,例如前面提到的a.xh。怎麼樣,是不是有點複雜?其實比較簡單,容易理解。如果覺得複雜的話,只要學會例一就可以了。

超連結變色的方法與此同理,請見這裡

關於超連結的下劃線

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

超連結去掉下劃線

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

利用CSS自定義網頁超連結下劃線樣式

巧妙利用css自定義網頁下劃線樣式 實現方法很簡單,在源 的和之間加上如下的css語法控制 text decoration none background url underline.gif repeat x 100 100 padding bottom 4px white space nowrap...