`
piaoniu
  • 浏览: 24067 次
  • 性别: Icon_minigender_1
  • 来自: 上海
最近访客 更多访客>>
社区版块
存档分类
最新评论

消除超连接边框

阅读更多

消除超链接底线的下划线方法:

1.最简单的:<head>
<style>a{TEXT-DECORATION:none}</style>
</head>
2.如果大部分超链接不要下划线,就可以加入<style>a{TEXT-DECORATION:none}</style>这一句,然后在少数要下划线的超链接里使用这个方法,它就有下划线了:<a href=****><u>文字</a>。 如果大部分超链接都要下划线,就可以不要加入前面提到的这句。把它改为:<style>.n{TEXT-DECORATION:none}</style>,注意:n前面有个点,它表示类选择符,然后在网页的超链接当中可以多次引用,就可单独去掉个别超链接了,例如:

<a class=n href=http://www.baidu.com>百度</a>

3.如何让超链接去掉下划线,鼠标停留在上面时有下划线?

可以改为这句:<style>a{TEXT-DECORATION:none}a:hover{TEXT-DECORATION:underline}</style>
说明,a表示超链接,a:hover在样式表里属于伪类,表示鼠标悬停时候的状态。

消除图片超链接的边框:

用图片做为链接后,在图片的周围出现了一个带颜色边框,其实是由border属性来控制的。

用<a href="#"><img src="" border="0"></a>就去掉了.

可是当点击图片时,又出现了虚线框,这就是<a>链接on focus的问题,与图片无关,

去掉虚线框可用<a href="xxxxx.html"   onfocus=this.blur(); ></a>解决.

分享到:
评论

相关推荐

    html消除点击超链接后产生的线框

    消除超链接点击后产生的虚线框是一项常见的网页设计需求。通过上述提供的CSS技巧,可以有效地解决这一问题,并确保在不同浏览器间的兼容性。需要注意的是,在追求美观的同时,也要兼顾用户体验和可访问性。希望本文...

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

    对于这些旧版本的IE浏览器,可以使用`onfocus`事件配合JavaScript的`blur`方法来消除虚线边框,如下: ```html ()"&gt;admin10000.com&lt;/a&gt; ``` 如果项目中使用了jQuery库,也可以用更简洁的jQuery代码实现相同效果: ...

    解决html 图片img加超链接后产生难看的蓝色边框问题

    除了边框,有时图片周围的外边距或内填充也可能导致问题,这段代码会消除它们,确保图片紧贴其父元素。 3. **使用伪元素**: 如果问题仍然存在,可能是由于`&lt;a&gt;`元素自身的边框或轮廓引起。可以尝试设置`&lt;a&gt;`元素...

    使用HTML开发商业网站-创建超链接课件.pptx

    为了消除这个边框,你可以使用CSS来设置`border`属性为`0`,如下所示: ```html 图像描述" style="border: 0;"&gt; ``` 总的来说,熟练掌握HTML中的超链接创建是开发任何网站的基础。通过灵活运用`&lt;a&gt;`标签及其...

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

    要消除这个虚线框,我们可以利用CSS(层叠样式表)来覆盖这个默认样式。 方法一:直接在`&lt;a&gt;`标签内使用内联样式 在每个`&lt;a&gt;`标签中添加`style`属性,并设置`border: none;`,如下所示: ```html ;"&gt; ``` 这种...

    firefox的超链接点击去除扩大的难看虚线的解决方法

    针对这一问题,有几种方法可以消除Firefox中点击超链接时出现的虚线边框。首先,用户可以通过在Firefox的配置设置中进行修改,但这不是一个推荐的解决方案,因为它会影响到浏览器全局的行为。具体操作是,打开地址栏...

    去掉点击链接时出现的虚线.rar

    标题“去掉点击链接时出现的虚线”所涉及的知识点,就是如何通过编程技术,特别是JavaScript,来消除这种链接的虚线边框。 在HTML中,`&lt;a&gt;`标签用于创建超链接,当用户鼠标悬浮或点击链接时,浏览器会根据其默认...

    javascript常用代码.pdf

    9. **超链接边框去除**: 在超链接中添加 `onfocus="this.blur()"` 可以消除链接高亮时的边框。 10. **网页元信息**: `&lt;meta&gt;` 标签用于设置网页元数据,如 `keywords` 可定义搜索引擎关键词,`Shortcut Icon` ...

    请保留超链接的outline属性

    `outline: none`或`outline: 0`这两个CSS声明可以消除元素的轮廓,使得页面看起来更加平滑,没有了默认的蓝色边框。然而,这样做有一个严重的后果,尤其是对于使用键盘导航的用户群体。键盘用户通常通过Tab键在页面...

    css实现a“标签点击无虚线.rar

    在HTML中,`&lt;a&gt;`标签通常用于创建超链接,它可以帮助用户在页面间导航。然而,默认情况下,当鼠标悬停在`&lt;a&gt;`标签上时,浏览器可能会显示一条虚线边框,这在某些设计风格中可能并不符合预期。本教程将深入讲解如何...

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

    本教程将详细介绍如何通过CSS代码来消除图片热点链接或超链接的虚线框。 首先,我们要理解什么是链接(Link)和热点(Hotspot)。链接是HTML中标签创建的,用于在页面之间跳转或者执行其他动作。而热点则是针对图片...

    (完整版)HTML模拟试题三.doc

    要消除超链接文字在鼠标经过时的下划线,应使用`:hover`伪类,并设置`text-decoration`为`none`。所以正确答案是B: `A:hover {text-decoration: none;}`。 这些知识点涵盖了HTML的基本元素、CSS样式以及超链接和...

    DreamweaverCS6网页设计与应用(马立丽第5版)(微课版)-测试题-及答案-第12章.docx

    3. 消除图像超链接边框,可以使用CSS设置`border`属性为0。 4. `&lt;ul&gt;`标签用于创建无序列表,`&lt;li&gt;`是列表项。 5. 标签编辑器是Dreamweaver CS6提供的一种方便编辑HTML标签的工具。 6. 代码提示功能对于快速输入和...

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

    要消除这个虚线边框,我们通常会使用CSS来设置`border`属性为`none`。但在某些情况下,比如动态生成的DOM元素或者需要针对特定状态(如鼠标悬停、点击等)来去除边框时,JavaScript就派上用场了。下面,我们来看看...

    14个CSS实用技巧精选推荐 (2).pdf

    2. **Firefox超链接虚线去除**:在Firefox下,点击超链接时会出现虚线边框,可以通过设置`a{outline: none;}`来消除。 3. **页面居中对齐**:若希望固定宽度的页面居中显示,可以将最外层的容器`div`设为相对定位,...

    excel清除软件

    可以选中单元格,然后在“开始”菜单下的“编辑”组中点击“清除格式”按钮,这将删除所有字体、填充色、边框、对齐方式等格式设置。 3. 删除空行或空列:在整理数据时,可能会遇到空行或空列。使用查找和替换功能...

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

    首先,我们可以为`&lt;a&gt;`标签添加`onfocus`事件,当该链接获取焦点时,调用`this.blur()`函数,使得链接失去焦点,从而消除虚框。以下是具体的代码示例: ```html ()" href="javascript:void(0)" class="l-button" ...

    网页制作源代码.doc

    6. **列表样式**:`list-style-type`属性可以控制列表项的显示方式,如`#home ul li`中设置为`none`,消除了默认的项目符号。 7. **输入框样式**:`&lt;input&gt;`元素的样式可以通过CSS调整,例如`#home ul li input`...

    css复位全部代码

    - **解释**:消除链接图片周围的边框。 3. **表格属性复位** ```css table { border-collapse: collapse; border-spacing: 0; } ``` - **解释**:合并单元格边框,避免多重边框的问题。 4. **列表样式...

Global site tag (gtag.js) - Google Analytics