云南仔猪那里有卖:html里超链接下的横线怎样去掉?

来源:百度文库 编辑:杭州交通信息网 时间:2024/05/04 07:40:56
html里超链接下的横线怎样去掉?

<style type="text/css">
<!--
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
-->
</style>

加到<HEAD> </HEAD>中间

如果是用Dreamweaver,可以使用“修改|页面属性”下的对话诓,里面有链接样式可以根据需要选择,这是针对全文链接进行的设置。

修改源代码也可以:
把<body>标签改成<body style="text-decoration:none ">,可以使全文链接内容的下划线统统消失!

也可以修改链接标签,例:

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

这样改:
<a href="http://www.baidu.com" style="text-decoration:none ">百度</a>
也就是说,在<a>标签内添加"style"属性即可。

如果使用了CSS,可以这样操作:
.baidu
{
font-size:24px
text-decoration: none;
}

综上所述,其方法就在于一条属性:text-decoration: none;

用Dreamweaver 编辑
CTRL +J 选择 “连接”
在右边面版下方 选择“始终无下滑线”