首頁 > web前端 > css教學 > 用CSS實現連結的虛線底線效果_CSS/HTML

用CSS實現連結的虛線底線效果_CSS/HTML

WBOY
發布: 2016-05-16 12:11:40
原創
2132 人瀏覽過

修改您的樣式表,找下邊這段(一般都在開頭)
a {
color:#3399FF;
font-weight:Normal;/*字體效果普通可以改成bold粗體* /
text-decoration:none; /*底線效果:無底線*/
}

a:hover {
color:#4499EE;
text-decoration:none; /*下劃線效果:無底線*/
border-bottom: 1px #0099CC dotted /*加上一個只有下邊的框邊框為虛線*/
}

   a{}控制連接的效果a:hover{}控制滑鼠移上去的效果。
有些CSS定義虛線實例碼


[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板