怎样取消HTML中文字超链接的下划线

怎样取消HTML中文字超链接的下划线,第1张

一、在DW里,点“页面属性”-->“链接”-->“下划线样式”选择“仅在变换图像时显示下划线”-->“确定”。
二、将你要链接的文字的链接地址设为“#”。
举个例子:<html><head><meta >添加css样式就可以实现,可以给超链接标签添加颜色:
color='red'
;
去掉下划线:text-decoration='none'

代码是:
<a href="#" style="color:red;text-decoration:none;" >测试超链接</a>

在默认的情况下,html中的超链接都会有下划线,但是如果不想要这个下划线,可以使用text-decoration来定义,我用下面的代码详细给你说明一下:

<style type="text/css">
a:link,a:visited{
 text-decoration:none;  /超链接无下划线/
}
a:hover{
 text-decoration:underline;  /鼠标放上去有下划线/
}
</style>
<a href="#">超链接</a>

设置text-decoration属性的值为none就可去掉超链接的默认下划线。text-decoration属性规定添加到文本的修饰,而none值定义标准的文本,设置该值即可去掉下划线。

属性值:

none:无装饰,通常对html下划线标签去掉下划线样式

underline:下划线样式

line-through:删除线样式-贯穿线样式

overline:上划线样式

注释:修饰的颜色由 "color" 属性设置。

说明

这个属性允许对文本设置某种效果,如加下划线。如果后代元素没有自己的装饰,祖先元素上设置的装饰会“延伸”到后代元素中。不要求用户代理支持 blink。

示例:


<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<style>

demo a{

text-decoration: none

}

</style>

</head>

<body>

<p>

<a href="#">这是一个正常链接,有下划线!</a>

</p>

<p class="demo">

<a href="#">去掉下划线的链接!</a>

</p>

</body>

</html>



欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/13085227.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-30
下一篇 2023-05-30

发表评论

登录后才能评论

评论列表(0条)

保存