转自:http://hi.baidu.com/zhangdahua818/blog/item/9b9c3e3a562eaee215cecbc8.html
教你如何去掉<a>标签下划线
举三个实例来说明如何控制超链接的下划线。用记事本打开网页源代码找到以下代码:
<html>
<head>
<title>工作</title>
</head>
<body>
……
</body>
</html>
找到<head>和</head>这两句了吗?样式表语句就加在它们中间。如下:
<html>
<head>
<style>a{TEXT-DECORATION:none}</style>
</head>
<body>
仅仅加入<style>a{TEXT-DECORATION:none}</style>这一句就去掉超链接下划线了,这是个最简单的例子,你试着这样做就会成功的。
二、上面的例子只是告诉你如何一次性去掉超链接下划线,如果你的网页当中有的超链接需要下划线,有的不需要,该怎么办呢?首先你要构思好,你的网页中的超链接大部分是有下划线的,还是没下划线的?
·如果大部分超链接不要下划线,就可以加入<style>a{TEXT-DECORATION:none}</style>这一句,然后在少数要下划线的超链接里加上后面这句:<a href=****><u>文字</a>,它就有下划线了。
·如果大部分超链接都要下划线,就可以不要加入前面提到的这句。把它改为:<style>.n{TEXT-DECORATION:none} </style>,注意:n前面有个点,它表示类选择符,然后在网页的超链接当中可以多次引用,就可单独去掉个别超链接了,例如:
<a class=n href=http://www.97xxri.cn>工作</a>
<a class=n href=http://www.97xxri.cn>那年,在大山脚下</a>
三、如何让超链接去掉下划线,鼠标停留在上面时有下划线?
可以改为这句:<style>a{TEXT-DECORATION:none}a:hover{TEXT-DECORATION:underline}</style>
说明,a表示超链接,a:hover在样式表里属于伪类,表示鼠标悬停时候的状态。
分享到:
相关推荐
a标签样式 一组专门的预定义的类称为伪类,主要用来处理超链接的状态。超链接文字的状态可以通过伪类选择符+样式规则来控制。伪类选择符包括: 总: a 表示所有状态下的连接 如 .mycls a{color:red} ① a:link:...
a标签样式 和 a标签属性 .docx
a标签连接样式表 a标签样式 是页面变得随心所欲
JQuery 控制动态A标签输出内容样式
主要介绍了vue 动态修改a标签的样式的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
表示所有状态下的连接 如 a{color:red} ① a:link:未访问链接 ,如 a:link {color:blue} ② a:visited:已访问链接 ,如 a:visited{color:blue} ③ a:active:激活时(链接获得焦点时)链接的颜色 ,如a:active{...
因为我们要定义链接样式,所以其中必不可少的就是超级链接中的锚标签–a,锚标签和伪类链接起来书写的方法就是定义链接样式的基础方法,它们的写法如下: 复制代码代码如下: a:link,定义正常链接的样式; a:...
html标签样式重置reset.css文件,取消标签原来特殊样式方便自定义,例如a标签下划线,span标签前面的小圆点,清除浮动解决塌陷的兼容样式
HTML5网页让所有的浏览器都能识别标签样式
NULL 博文链接:https://tzwzero-163-com.iteye.com/blog/1136912
a标记显示样式
用在线编辑器或许都会存在一个问题,即内容发表后呈现的...自定义的样式往往和浏览器默认的样式不同,具体的差异主要表现在body 的字体、p 的间距、a 链接的样式、列表项ul ol li 的样式以及h1 – h6 标题的样式上。
在使用a标签的时候,会出现无法继承父元素样式的情况。 例如: div{ width: 300px; height: 100px; border: 1px solid pink; color: orange; text-align: center; } 我是p元素 我是a元素 效果图: p元素...
比方说index.html页面的时候,会在index导航的a标签一个.active样式,然后第二个Posts.html页面的时候会在Posts导航的a标签一个.active样式。这个虽然效果实现了,但是有个很大的缺点 – 导航不能调用一个,每个页面...
a标签中有四个: link、visited、hover、active 未移入a标签链接时:link 移入a标签链接时:link、hover 点击a标签链接时:link、hober、active 点击后未移入a标签连接时:link、visited 点击后移入a标签连接...
删除标签样式: var striphtml = require('js-striphtml'); striphtml.striptags('<body>I am a <b>HTML</b> string.<div class=clear></div></body>', [ 'b' ]); // Returns I am a <b>...
实现效果:循环为带有ml-praise样式类的a标签添加事件,并且在点击a标签后,相应的数量增加1。 Html结构如下所示: <li><a>数量:<span class=ding-num>100</span></a> <li><a>数量:<span class=ding-num>200...