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

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

WBOY
WBOY原創
2016-05-16 12:11:402104瀏覽

修改您的樣式表,找下邊這段(一般都在開頭)
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需刷新才能執行]

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn