湖州二中要住校吗:在Dreamweaver的文本链接中怎样去掉下划线
来源:百度文库 编辑:中科新闻网 时间:2024/09/30 19:43:54
不用那么麻烦,但是上面各位讲的都是可行的。实际上在2004 MX中,在页面属性里的链接属性中就有设置,把链接的那项属性改成:始终无下划线就可以了,这应该是最简单的方法了,如果你想熟悉HTML的话,用它也可以解决。
在<head>..</head>之间加入:
<STYLE TYPE="TEXT/CSS">
a.link { text-decoration: none; }
a.visited { text-decoration: none; }
a.active { text-decoration: none; }
a.hover { text-decoration: none; }
</STYLE>
如果想要在鼠标移动到链接上就有下划线就将
a.hover { text-decoration: none; }
改成
a.hover { text-decoration: underline; }
以此类推。
a.link 是链接的样式
a.visited 是已经访问过的链接的样式
a.active 是鼠标在链接上点击的样式
a.hover 是鼠标放在链接上显示的样式。
这是css有关链接样式的一些用法,其他用法可以参考css相关文档。
定义css来控制链接的样式就行了。例如:在head区域里面加上.link1 {
color: #990000;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
a.link1:hover {
color: #0096FF;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
然后在你得链接里应用,<a href="#" class="link1">aaa</a>
文本链接去掉下划线,可以定义CSS中的 a标签
代码如下
<style type="text/css">
<!--
a {
text-decoration: none;
}
-->
</style>