一、讓超鏈接、圖片鏈接、熱點(diǎn)鏈接點(diǎn)擊時不顯示虛線外框
只要在鏈接標(biāo)簽中添加 onFocus=”this.blur()” 這句代碼即可屏蔽點(diǎn)擊時四周出現(xiàn)的虛線框，例如：
<A href="http://" onFocus="this.blur()">Haoever</a>
用于圖片上的熱點(diǎn)鏈接，例如：
<map name="Map">
<area shape="rect" coords="364,31,517,64" href="http://" onFocus="this.blur()">
</map>
二、實現(xiàn)鏈接的虛線下劃線效果
添加（修改）CSS中的如下代碼：
a {
color:#***;
font-weight:Normal; /*字體效果 普通 可以改成bold粗體*/
text-decoration:none; /*下劃線效果：無下劃線*/
}
a:hover {
color:#***;
text-decoration:none; /*下劃線效果：無下劃線*/
border-bottom: 1px #*** dashed /*加一個只有下邊的框 邊框為虛線*/
}
功能說明：
a{} 控制連接的效果
a:hover{} 控制鼠標(biāo)移上去的效果。
屬性說明:
- color: 定義顏色值
- font-weight: 定義字體粗細(xì)
可選屬性值：
normal 缺省值,字體正常顯示
bold 粗體
bolder 比粗體更加粗
lighter 比正常字體淡
- text-decoration: 定義文字修飾屬性
可選屬性值：
none 缺省值，文本沒有修飾
underline 下劃線
overline 上劃線
line-through 文本當(dāng)中劃線
blink 閃爍
- border-bottom: 定義下邊框?qū)傩?
|
