鏈接下劃線可以改變顏色嗎?_Div+CSS教程

      編輯Tag賺U幣
      教程Tag:暫無Tag,歡迎添加,賺取U幣!
        
        我們在進行Web頁面設計的時候,根據不同的需要,可能會想要去除鏈接下劃線的效果。而此效果只需要一句話就可以解決了。代碼如下:

      示例代碼 [www.wf0088.com]
      text-decoration:none;

        假如保留著鏈接文字的下劃線,默認的顏色屬性是如鏈接文字同樣的顏色,看下面的例子:

      div css xhtml xml 代碼調試框 代碼調試框 [www.wf0088.com]

      [ 可先修改部分代碼 再運行查看效果 ]

        假如我們想讓鏈接下劃線的顏色與鏈接文字的顏色不同,怎么做呢?自定義鏈接文字下劃線的顏色,我們有兩種方法可以實現。第一種是border的方法,第二種是視覺錯位的方法。

      border方法的實例如下:

      div css xhtml xml 代碼調試框 代碼調試框 [www.wf0088.com]

      [ 可先修改部分代碼 再運行查看效果 ]

      視覺錯位的方法如下:

      div css xhtml xml 代碼調試框 代碼調試框 [www.wf0088.com]

      [ 可先修改部分代碼 再運行查看效果 ]

        視覺錯位的方法其實是加上一個span標簽,并定義此標簽的顏色,讓其與鏈接文字下劃線的顏色區別開來。以達到改變鏈接文字下劃線改變的效果。

      來源:無憂整理//所屬分類:Div+CSS教程/更新時間:2007-01-20
      相關Div+CSS教程