鏈接下劃線可以改變顏色嗎?_Div+CSS教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
我們在進行Web頁面設計的時候,根據不同的需要,可能會想要去除鏈接下劃線的效果。而此效果只需要一句話就可以解決了。代碼如下:
示例代碼 [www.wf0088.com]
text-decoration:none;
假如保留著鏈接文字的下劃線,默認的顏色屬性是如鏈接文字同樣的顏色,看下面的例子:
代碼調試框 [www.wf0088.com]
[ 可先修改部分代碼 再運行查看效果 ]
假如我們想讓鏈接下劃線的顏色與鏈接文字的顏色不同,怎么做呢?自定義鏈接文字下劃線的顏色,我們有兩種方法可以實現。第一種是border的方法,第二種是視覺錯位的方法。
border方法的實例如下:
代碼調試框 [www.wf0088.com]
[ 可先修改部分代碼 再運行查看效果 ]
視覺錯位的方法如下:
代碼調試框 [www.wf0088.com]
[ 可先修改部分代碼 再運行查看效果 ]
視覺錯位的方法其實是加上一個span標簽,并定義此標簽的顏色,讓其與鏈接文字下劃線的顏色區別開來。以達到改變鏈接文字下劃線改變的效果。
相關Div+CSS教程:
- 相關鏈接:
- 教程說明:
Div+CSS教程-鏈接下劃線可以改變顏色嗎?。