当前位置:软件学堂 > 资讯首页 > 网络编程 > 编程其他 > 去掉超链接单击时的边框

去掉超链接单击时的边框

2012/10/28 10:40:15作者:佚名来源:网络

移动端

【实例名称】

去掉超链接单击时的边框

【实例描述】

鼠标单击超链接时,链接周围会出现一个虚线边框。本例学习如何去掉这个边框。

【实例代码】

<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>标题页-学无忧(www..com)</title> <style> a {   aa:expression(onfocus=function() {blur();});   } </style> </head> <body> 单击下面的链接,测试是否会出现边框 <br /> <a href="#">单击这里</a> </body> </html>

【运行效果】

运行效果

【难点剖析】

本例的重点是为链接标签“a”设置样式,其中“onfocus”表示链接获得焦点时被触发的方法“blur()”表示当链接被单击时,会自动失去焦点,这样就避免了边框的出现。

【源码下载】

如果你不愿复制代码及提高代码准确性,你可以点击:去掉超链接单击时的边框 进行本实例源码下载 

标签: 链接