如何將鏈接的下劃線做成虛線？_Div+CSS教程
教程Tag：暫無Tag,歡迎添加,賺取U幣!
我們在瀏覽網頁的時候，經常可以看到鏈接的下劃線是虛線，或者在link與hover不同狀態，下劃線會從虛線到實線的變化。這樣的效果是如何實現的呢？
其實這樣的效果，是設置text-decoration:none。也就是去除了鏈接的下劃線。然后再給鏈接加下邊框線，設置下邊框線不同的寬度、線型、顏色，就可以實現“下劃線”變成多樣效果。
我們來看下面的代碼：
示例代碼 [www.zhaotila.cn]
a.texta {
text-decoration:none;
border-bottom:1px dashed #ccc;/*下邊框線，1象素，虛線，顏色ccc*/
color:#c00;
}
a.texta:hover {
border-bottom:1px solid #c00;/*下邊框線，1象素，實線，顏色c00*/
color:#666;
}
text-decoration:none;
border-bottom:1px dashed #ccc;/*下邊框線，1象素，虛線，顏色ccc*/
color:#c00;
}
a.texta:hover {
border-bottom:1px solid #c00;/*下邊框線，1象素，實線，顏色c00*/
color:#666;
}
通過上面這些設置，即可以實現了虛線到實線的變化效果。口述為虛，眼見為實，我們看下面的實例：
代碼調試框 [www.zhaotila.cn][ 可先修改部分代碼 再運行查看效果 ]
相關Div+CSS教程：
- 相關鏈接：
- 教程說明：
Div+CSS教程-如何將鏈接的下劃線做成虛線？
。