日韩天天综合网_野战两个奶头被亲到高潮_亚洲日韩欧美精品综合_av女人天堂污污污_视频一区**字幕无弹窗_国产亚洲欧美小视频_国内性爱精品在线免费视频_国产一级电影在线播放_日韩欧美内地福利_亚洲一二三不卡片区

如何將鏈接的下劃線做成虛線？_Div+CSS教程

編輯Tag賺U幣
教程Tag：暫無Tag,歡迎添加,賺取U幣!
　　
　　我們在瀏覽網(wǎng)頁的時候，經(jīng)�？梢钥吹芥溄拥南聞澗�是虛線，或者在link與hover不同狀態(tài)，下劃線會從虛線到實線的變化。這樣的效果是如何實現(xiàn)的呢？

　　其實這樣的效果，是設(shè)置text-decoration:none。也就是去除了鏈接的下劃線。然后再給鏈接加下邊框線，設(shè)置下邊框線不同的寬度、線型、顏色，就可以實現(xiàn)“下劃線”變成多樣效果。
　　我們來看下面的代碼：

示例代碼 [www.hl5o.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;
}

　　通過上面這些設(shè)置，即可以實現(xiàn)了虛線到實線的變化效果�？谑鰹樘�，眼見為實，我們看下面的實例：

div css xhtml xml 代碼調(diào)試框 代碼調(diào)試框 [www.hl5o.cn]

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


來源：無憂整理//所屬分類：Div+CSS教程/更新時間：2007-01-20
相關(guān)Div+CSS教程：