一、让超链接、图片链接、热点链接点击时不显示虚线外框
只要在链接标签中添加 onFocus=”this.blur()” 这句代码即可屏蔽点击时四周出现的虚线框,例如:
<A href="http://" onFocus="this.blur()">Haoever</a>
用于图片上的热点链接,例如:
<map name="Map"> <area shape="rect" coords="364,31,517,64" href="http://" onFocus="this.blur()"> </map>
二、实现链接的虚线下划线效果
添加(修改)CSS中的如下代码:
a { color:#***; font-weight:Normal; /*字体效果 普通 可以改成bold粗体*/ text-decoration:none; /*下划线效果:无下划线*/ }
a:hover { color:#***; text-decoration:none; /*下划线效果:无下划线*/ border-bottom: 1px #*** dashed /*加一个只有下边的框 边框为虚线*/ }
功能说明: a{} 控制连接的效果 a:hover{} 控制鼠标移上去的效果。
属性说明:
- color: 定义颜色值
- font-weight: 定义字体粗细
可选属性值: normal 缺省值,字体正常显示 bold 粗体 bolder 比粗体更加粗 lighter 比正常字体淡
- text-decoration: 定义文字修饰属性
可选属性值: none 缺省值,文本没有修饰 underline 下划线 overline 上划线 line-through 文本当中划线 blink 闪烁
- border-bottom: 定义下边框属性
|