`

去掉链接(包括图片链接)的虚线边框

 
阅读更多

/* for IE */

a,area { blr:expression(this.onFocus=this.blur()) }

/* for Firefox */

:focus { outline: none; } 

 

分享到:
评论

相关推荐

    javascript经典特效---去掉图片链接周围虚线.rar

    这段代码遍历所有`<a>`标签,如果它们包含图片,就会移除虚线边框。 2. **使用事件监听:** 如果只想在特定情况下移除边框,可以监听用户的交互事件,如鼠标悬停(`mouseover`)或点击(`click`)。以下是一个例子: ...

    如何去掉图片热点链接或超链接的虚线框?.rar

    虽然去除虚线边框可以优化视觉效果,但也要确保那些依赖键盘导航的用户仍然能够清晰地识别出可点击的链接。一种解决办法是使用其他视觉反馈,如改变背景色或增加悬停效果。 总结,去除图片热点链接或超链接的虚线框...

    图片链接无虚线,保证在ff和ie下正常运行

    本篇文章将详细介绍如何去除图片链接上的虚线边框,并确保在FF和IE等浏览器中的正常显示。 #### 关键概念解析 1. **虚线(Outline)**:在HTML元素聚焦时,默认情况下某些浏览器会自动添加一个虚线边框来增强可访问...

    使用CSS去掉超链接的虚线边框的方法

    在前端制作的过程中会发现,一些文字/图片链接,或者一些input控件,在点击时会在周围出现虚线边框,一般会在火狐和IE浏览器下出现虚线框,谷歌下不会有。  这些虚线边框是作为对视觉设计的一种辅助,在不使用鼠标...

    如何去掉图片热点链接或超链接的虚线框?特效代码

    在网页设计中,我们经常会遇到一个问题,那就是当图片被设置为热点链接或超链接时,浏览器默认会显示一个虚线边框。这个虚线框在视觉上可能会影响到页面的整体美观,尤其是在追求精致设计的现代网页中,去掉这个边框...

    鼠标指向网页图片时图片周围显示虚线框

    3. `#outer img`: 这个选择器用于设置`<img>`图片元素的样式,包括去除默认边框、设置图片为块级元素(使得图片占据整个`<a>`标签的宽度)以及设置背景色。 这段代码的完整运行效果是:当用户将鼠标悬停在图片上时...

    如何去掉图片点击后的超级链接产生的虚框问题(两种实现方法)

    这样,所有`a`和`area`标签都会应用这个行为,当用户点击图片链接时,虚线边框也会被自动移除。 总结来说,这两种方法都能有效地解决图片点击后超级链接产生的虚框问题。第一种方法简单易懂,适用于不支持CSS行为的...

    网站友情链接动态Logo制作教程.pdf

    本教程主要介绍了如何使用Adobe Fireworks(FW)软件制作网站友情链接的动态Logo,包括闪电下雨效果、边框虚线运动以及光照边框运动等多种效果。以下是详细的制作步骤和知识点: 1. **闪电下雨效果Logo**: - 效果...

    javascript常用代码.pdf

    使用 `onFocus` 事件和 `blur()` 方法可以移除图片链接被点击后的虚线边框。 3. **电子邮件表单处理**: `<form>` 标签的 `action` 属性设置为邮件地址,可以创建一个提交表单直接发送邮件的功能。 4. **页面...

    新手必须掌握的经典js功能

    8. **去掉图片链接虚线边框**: 在图片链接上使用`onfocus`事件处理函数`this.blur()`可以消除点击图片链接后的虚线边框,例如: ```html ”#” onfocus=”this.blur()”>”logo.jpg” border=’0’> ``` 9. **...

    55种网页小技巧 ---- 下载无需扣分,具有一定收藏价值

    去掉图片链接点击后,图片周围的虚线.html 取得控件的绝对位置.html 取消选取、防止复制.html 可以在收藏夹中显示出你的图标 .html 各种样式的光标.html 回车键换行.html 在打开的子窗口刷新父窗口的代码里...

    Html网页代码常用小技巧总结续,网页制作学习.docx

    3. **去除图片链接虚线**:在图片链接中添加 `onFocus="this.blur()"` 可以消除鼠标点击后的虚线边框:`()"><img src="logo.jpg" border=0></a>`。 4. **电子邮件表单提交**:创建一个简单的电子邮件提交表单,如 `...

    html页面中常用的一些小方法整理

    6. **消除链接虚线边框**:在图片链接上设置`onFocus="this.blur()"`可去除点击后的虚线边框,如:`()"><img src="logo.jpg" border=0></a>`。 7. **电子邮件表单提交**:创建一个简单的电子邮件提交表单,如:`***...

    40种网页常用小技巧(javascript)

    11. 去除图片链接虚线:在图片链接周围添加 `onFocus="this.blur()"` 可以消除链接被点击后出现的虚线框。 12. 电子邮件表单提交:使用 `<form>` 标签的 `action` 属性设置为 `mailto:` 开头的地址,可以将表单数据...

    [网页重构xhtml.css].css.hack.pdf

    默认情况下,浏览器会为链接添加虚线边框。可以使用以下CSS来去除: ```css a { outline: none; text-decoration: none; } ``` **4. 为内联元素设置宽度** 内联元素如`span`通常不能设置固定宽度,但通过将它们...

    JavaScript网页特效范例宝典源码

    实例212 虚线边框表格 330 实例213 表格作为分割线 332 实例214 表格向下展开 332 第8章 图形图像与多媒体 335 8.1 图片大小 336 实例215 打开自定义大小的图片 336 实例216 图片放大缩小 337 实例217 通过鼠标滚轮...

    Dreamweaver 插件集

    去除点击超级链接时的虚线显示 chromeless_win_wind 制作弹出无边浏览小窗口,现在网上最为流行的 scrollablearea 使用层制作IE中可控制上下滚动的看板 right_click_menu_builder 右键菜单扩展功能 flashtext 制作仿...

    70款经典Dreamweaver插件

    scrubber 去除点击超级链接时的虚线显示 chromeless_win_wind 制作弹出无边浏览小窗口,现在网上最为流行的 scrollablearea 使用层制作IE中可控制上下滚动的看板 right_click_menu_builder 右键菜单扩展功能 ...

Global site tag (gtag.js) - Google Analytics