`
荷戟者
  • 浏览: 279396 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

去掉a标签的边框和下划线

 
阅读更多

去边框

非IE
Css代码 
a:focus {
    outline:none;
}


IE

Html代码 
1.<a href="#" hidefocus="true">链接</a> 


去下划线
a{
text-decoration:none;
}
或者把这个属性分别加到a标签下,
a:link{
text-decoration:none;
}
a:visited{
text-decoration:none;
}
a:hover{
text-decoration:none;
}
a:active{
text-decoration:none;
}
可以根据自己的需要来选择其中的一部分

分享到:
评论

相关推荐

    去掉<a>标签下划线

    其中,如何去除`&lt;a&gt;`标签默认的下划线效果是前端开发者经常遇到的需求之一。本文将详细探讨这一问题,并提供多种解决方案,帮助读者深入理解并灵活应用。 ### 一、CSS属性:text-decoration 在给定的代码片段中,...

    a标签的css样式四个状态LVHA的设计

    最后,a标签的这四个状态样式不仅仅是关于文字颜色和下划线的,还可以包括字体粗细、字体样式、边框、背景颜色等多种CSS属性。举例来说,我们可以给鼠标悬停时的链接添加背景颜色和边框:a:hover {background-color:...

    用css把a链接模拟成button的样子的方法

    通过以上CSS代码的应用,`&lt;a&gt;`标签在网页中将呈现出类似按钮的外观,并且在用户与其交互时会有不同的视觉反馈,如颜色变化、边框风格的变化等,这大大提升了用户的体验感。 #### 五、总结 通过使用适当的CSS属性和...

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

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

    常用的HTML+CSS标签480个(带中文解释说明)

    leftmargin="0" topmargin="0" marginheight="0" marginwidth="0"去除页面边框 list-style-type:none;去除li点 "color:red;text-decoration:none;超链接颜色下划线 html,body{ height:100%;overflow:hidden; }...

    CSS标签切换代码实例教程 比较漂亮.

    - **去除虚线**:可以通过CSS取消链接的下划线,如`a {text-decoration: none;}`。 - **过渡动画**:可以添加CSS3的过渡效果,如`transition`,让内容切换更平滑。 - **响应式设计**:确保标签切换在不同屏幕尺寸下...

    解决TabHost下面白线

    -- 去掉下划线 --&gt; &lt;item name="android:showDividers"&gt;none &lt;!-- 在布局文件中引用 --&gt; android:id="@android:id/tabs" style="@style/CustomTabWidget" /&gt; ``` 3. 修改布局文件:检查TabHost所在的布局文件...

    《HTML5网页设计》练习5.pdf

    A和C不是标准的值。 4. A正确,`border:0;`用于清除链接图像边框;其他选项不直接影响边框。 5. A正确,`list-style:none;`清除列表的默认样式;其他选项格式错误。 6. A、B、C正确,描述了背景图像设置的各个部分;...

    书店制作之首页

    2. 定义`a`标签的样式,设置默认颜色为红色,去除下划线,同时定义`a:hover`的样式,添加下划线。 3. 在`web.css`中定义一个`.main`类样式,设置背景色、宽度、左右边框。 **制作头部**: 1. 创建一个6行1列的表格...

    css_各种超级链接样式

    `去除下划线,`underline;`添加下划线。 - `font-family`: 更改链接的字体。 - `font-size`: 设置链接的字体大小。 - `font-weight`: 控制链接的粗细,如`bold`或`normal`。 3. **状态选择器** CSS提供了针对...

    《HTML5网页设计》练习5.docx

    通过这些题目,我们可以了解到HTML5中列表(包括无序列表、有序列表和定义列表)、超链接(`&lt;a&gt;`标签、`href`、`target`属性及伪类)以及CSS样式(如列表样式、链接样式、图像边框等)的基本用法,这些都是构建和...

    Word实用小技巧-很实用的小技巧

    - 方法一:选中页眉内容,点击“格式”&gt;“边框和底纹”,将边框设置为“无”,“应用于”选择“段落”,确认即可。 - 方法二:设置好页眉后,将鼠标移到“样式”框,选择“页脚”、“正文样式”或“清除格式”,...

    html——div的总结

    在样式方面,`text-decoration`属性用于设置文本装饰,如去除下划线(none)、闪烁(blink)、下划线(underline)、贯穿线(line-through)或上划线(overline)。`&lt;A&gt;`标签的`NAME`属性用于创建锚点,`&lt;A&gt;`标签的`...

    html+css笔记总结1

    8. **a标签去下划线**:通过设置`text-decoration:none;`可以去掉链接的下划线。 9. **字体设置**:`font`属性可以同时设置字号、行高和字体,如`font: 16px/1.5 Arial, sans-serif;`。颜色用`color`单独设置。 10...

    CSS例子.pdf

    2. 链接样式:`a` 元素的样式被设定,去除了默认的下划线,并在鼠标悬停时改变了背景颜色。如 `.navItem ul a:hover` 和 `.leftBox ul a:hover` 设置了不同的鼠标悬停效果。 3. 浮动:`float` 属性用于创建多列布局...

    网页设置小知识

    4. 去掉超链接的下划线: 在HTML中,链接默认带有下划线。要删除下划线,可以在中插入,并定义链接的CSS样式,如`a {text-decoration: none;}`,这样链接就不会显示下划线了。 5. DreamWeaver中防止元素重叠: 在...

    JavaScript实现简单的树形菜单效果

    比如`body`中设置了字体样式,`img`标签去掉了边框并使图片垂直居中,`a`标签去掉了下划线,并设置了颜色,`li`标签去掉了默认的列表样式。值得注意的是,对于每个子`&lt;ul&gt;`标签,其初始`display`属性被设置为`none`...

    网页期中考试试卷 (2).pdf

    `变为块级,块级标签可以通过`float`属性显示在同一行,选项a和c错误,选项b和d正确。 10. **清除浮动**:清除浮动通常使用`clear:both;`,对应选项b。 11. **CSS插入方式**:CSS插入方式包括内联式、嵌入式和外部...

    html+Css练习1.pdf

    8. 去掉图像链接边框:默认情况下,图像链接周围可能会有边框,可以通过设置`&lt;img&gt;`标签的`border`属性为0来去除,如`border="0"`。正确答案是B) border="0"。 9. CSS样式优先级:行内样式(在HTML元素内直接定义)...

    网页设计作业源代码.doc

    5. **链接样式**:`a` 标签代表超链接,`a:link` 和 `a:hover` 伪类分别定义链接的默认样式和鼠标悬停时的样式。`text-decoration: none` 去掉了下划线,`padding` 用于增加内边距,使链接看起来更易点击。 6. **...

Global site tag (gtag.js) - Google Analytics