- 1. AVG LinkScanner(AVG鏈接雷達) V2011.1382
- 2. 解析出資源的真實下載地址下載鏈接解析工具 V1.0 簡...
- 3. 教你如何更好地與上司溝通這樣和上司說話 PDF電子書
- 4. 測量相關(guān)的動態(tài)鏈接庫TRANSDAT V14.08
- 5. 本地QQ密碼獲取器 跳到下載鏈接 夢真QQ密碼記錄工具...
- 6. 收獲/偷取動物和農(nóng)產(chǎn)品QQ游戲助手跳到下載鏈接 偷雞...
- 7. 迅雷下載地址分析器 (提取網(wǎng)頁中的迅雷鏈接) 1.0 中...
- 8. Word學友 (手把手語音教你學習Word) V5.8
- 9. 專用鏈接加解密 1.0 綠色費版
- 10. 我的工具箱(用來收藏程序文檔鏈接、網(wǎng)址的小工具)...
教你將鏈接的下劃線做成虛線
作者: 來源: 發(fā)布時間:2011-5-30 15:16:45 點擊:
本文章分享給大家學習的是教你如何將鏈接的下劃線做成虛線,我們在瀏覽網(wǎng)頁時,經(jīng)常會碰到有的鏈接的下劃線是虛線,者在link與hover不同狀態(tài),下劃線會從虛線到實線的變化。這樣的效果是如何實現(xiàn)的呢?下面是一個實例代碼,希望對大家有所幫助。
<style type="text/css">
<!--
a.texta {
text-decoration:none;
border-bottom:1px dashed #ccc;
color:#c00;
}
a.texta:hover {
border-bottom:1px solid #c00;
color:#666;
}
a.textb {
text-decoration:none;
border-bottom:1px dashed #ccc;
color:#069;
}
a.textb:hover {
border-bottom:1px dashed #c00;
color:#000;
}
-->
</style>
<a href="http://sfsensi.com/" class="texta">sfsensi.com</a><br /><br />
<a href="http://sfsensi.com/" class="textb">sfsensi.com</a>
其實這樣的效果,是設(shè)置text-decoration:none。也就是去除了鏈接的下劃線。然后再給鏈接加下邊框線,設(shè)置下邊框線不同的寬度、線型、顏色,就可以實現(xiàn)“下劃線”變成多樣效果?梢詤⒖缄P(guān)于border-style的屬性。
上一篇:檢查調(diào)試CSS布局的有效方法 下一篇: 教你快速編寫ASP論壇
[收藏此文章]