`
lovelease
  • 浏览: 385962 次
社区版块
存档分类
最新评论

html a标签 图片边框和点击后虚线框的问题

阅读更多
一直在在chrome上开发自己的项目,今天上ie和firefix一看,真丑,a标签在使用图片时,多加了蓝色的边框,并且点击后所有a标签都会出现一个虚线框,但是chrome中一直没发现这个问题,所以为了兼容性,还是在css中追加了做这个处理的式样进去:
去边框的方法,img标签增加属性:
border='0'

去点击后的虚线的方法,a标签增加属性:
outline:none;

另外,去掉超链接的下划线的方法:
text-decoration:none;
分享到:
评论

相关推荐

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

    本教程将深入讲解如何通过CSS来消除`<a>`标签在点击时出现的虚线边框。 首先,我们需要理解`<a>`标签的默认样式是根据浏览器的用户代理样式表设定的。这些样式可能包括了鼠标悬停时显示边框的规则。要改变这种行为...

    html 边框虚线.pdf

    对于不同的HTML标签,我们可以分别定义CSS样式来实现虚线边框。例如,为`span`元素添加虚线边框: ```css span { border: 2px dashed #999; } ``` 或者为列表项`li`设置虚线边框: ```css li { list-style-type...

    html 边框虚线.docx

    在HTML中,边框虚线是一种常见的视觉设计元素,用于区分页面上的不同区域或内容。本篇将详细介绍如何...在实际开发中,应遵循语义化原则,选择合适的HTML标签,并通过CSS进行样式定制,以达到最佳的布局和设计效果。

    html设置虚线边框的方法

    用到CSS样式和HTML标签元素 为了对html不同标签加边框虚线,我们选择几个常用标签对齐设置边框虚线效果。 1、html常用标签 p标签 span ul li table tr td 2、实例用到CSS属性单词 border width height 3、实现虚线的...

    html设置分割线虚线,css border设置虚线样式

    在网页设计中,分割线和虚线样式是创建布局和区分内容的重要元素。HTML和CSS提供了多种方法来实现这些效果。下面将详细讲解如何利用HTML和CSS中的`border`属性来设置虚线样式,以及创建分割线的方法。 首先,HTML...

    html 图像加虚线框的方法

    在HTML和CSS中,为图像添加虚线框是一种常见的网页设计技巧,用于强调或装饰页面元素。本篇文章将深入探讨如何使用CSS实现这一功能,并提供一个实例文件供您下载研究。 首先,我们要知道HTML中的`<img>`标签用于...

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

    在网页设计中,图片热点链接或超链接常常会出现一个默认的虚线框,这通常是浏览器为了突出显示可点击区域而设定的样式。这种效果在某些设计中可能并不符合视觉要求,因此,如何去掉图片热点链接或超链接的虚线框是...

    CSS表格边框50多种精美标签样式(边框也精彩)

    在这个主题"CSS表格边框50多种精美标签样式(边框也精彩)"中,我们将探讨如何使用CSS来创建丰富多彩的表格边框效果,为你的网页增添视觉吸引力。 首先,我们要了解HTML表格的基本结构,它由`<table>`标签定义,`<tr>...

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

    在网页设计中,我们经常会遇到一个细节问题,那就是点击链接时浏览器默认会显示一条虚线边框。这种现象主要是浏览器为了突出用户当前所选链接的一种表现形式,但在某些设计风格中,这种虚线边框可能并不符合整体的...

    html -素材库 - 边框

    此外,对于图片边框,`img`标签可以通过CSS进行样式化。例如,我们可以在图片周围添加边框,使其在网页中更加突出,代码示例:`img { border: 2px solid #ccc; }`。 在提供的压缩包“边框”中,可能包含了各种预设...

    去掉a标签和按钮加背景图片虚线/阴影完美解决方案

    本文主要介绍如何解决`a`标签和按钮在被点击后出现阴影或虚线边框的问题,这些效果可能会影响页面的整体美感。这个问题通常出现在用户点击`a`标签进行操作,如更换验证码,或者在按钮上应用背景图片时。 首先,让...

    CSS去掉A标签(链接)虚线框的方法

    在网页设计中,超链接(通常使用A标签表示)在获得焦点时,默认浏览器会给它加上一个虚线框,这在某些设计风格中显得不协调。例如,在使用CSS来设计美观的按钮或图标时,这个默认的虚线框就显得非常突兀,破坏了整体...

    HTML表格边框设置方法

    其他样式包括:`dashed`(虚线)、`dotted`(点线)和`double`(双线)等。 - **边框颜色(Border Color)** 使用`border-color`属性设置边框颜色: ```css table { border-color: #000; /* 黑色 */ } ``` ...

    jQuery图片边框线条动画效果

    在本文中,我们将深入探讨如何实现一个jQuery图片边框线条动画效果,如标题所述,当鼠标悬停在图片上时,两条线从图片的对角线出发,形成类似河流交汇的视觉效果。这个效果通常用于增加网站交互性和用户体验,使用户...

    表格边框以虚线显示的css样式

    要实现表格边框以虚线显示的效果,我们首先需要了解CSS中关于边框样式的相关属性。在HTML文档中,表格元素()及其单元格元素()通常会有边框(border),它们的默认样式是实线边框。要将实线边框改变为虚线边框,...

    [备忘]工作中遇到的一个含rowspan情况table画虚线问题

    本文将围绕“含`rowspan`情况下的`table`画虚线问题”展开讨论,结合标签提供的“源码”和“工具”两个关键词,深入解析如何解决此类问题。 首先,`rowspan`是HTML `<td>`(表格数据单元格)标签的一个属性,用于...

    数据可视化大屏的css背景+边框+demo.rar

    通过调整边框的宽度、颜色和样式(如实线、虚线、点线等),可以增加视觉层次感,使信息更易于阅读和理解。此外,自定义边框还可以用于创建独特的设计风格,使大屏更加酷炫和个性化。 "demo"文件通常包含示例代码或...

    IE浏览器去掉FLASH虚线框的两种方法

    标题 "IE浏览器去掉FLASH虚线框的两种方法" 涉及的是在使用Internet Explorer(IE)浏览含有Flash内容的网页时,如何消除Flash对象周围的虚线边框的问题。这通常是一个视觉上的优化,因为虚线边框可能会影响网页的...

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

    在网页设计中,我们经常会遇到一个问题,那就是图片链接在被鼠标点击时,浏览器默认会显示一个虚线边框。这在某些设计风格中可能并不符合预期,因此我们需要找到方法来去掉这个虚线边框。本主题围绕“JavaScript经典...

Global site tag (gtag.js) - Google Analytics