当前位置： 主页->网页制作->网页技巧->正文
栏目导航
网页制作
　　网页技巧
　　Dreamweaver
　　Frontpage
　　HTML
　　CSS
　　Javascript
　　ASP
　　PHP
　　JSP
　　CGI
　　多媒体
相关文章
  ◇添加GOOGLE的PageRank
  ◇剖析改注册表十二种现象
  ◇自定多姿多彩链接下划线
  ◇超链“确认”对话框
  ◇简单的鼠标跟随
  ◇显示日期和跳动的时间
  ◇鼠标移过链接时特定响应
  ◇背景音乐
  ◇如何制作将本站设为首页
  ◇网站推广技巧8则
  ◇利用ping测试网页速度
  ◇色彩原理
  ◇怎样选择网页制作软件
  ◇制作个人首页的窍门
  ◇网页制作的一些小技巧
  ◇小窗口大学问--弹出窗口

如何去掉主页超链接的下划线?

作者：未知 出处：Internet 加入日期：2004.11.02 点击数：

[大字体 中字体 小字体]

在访问一个页面的时候，我们会发现，当鼠标移动到具有超级连接的文字上的时候，有的会产生相应的下划线。然而有些网页却没有。主页超链接的下划线是如何去掉的呢？

　　我们在<HEAD>...</HEAD>之间插入下面的代码。

　　<style>B {font-weight: 700; }
　　　P {padding: 5px 0px;
　　　　 margin: 0px;
　　　　 font-family: 宋体,黑体,宋体;
　　　　}
　　　A {text-decoration: none}
　　　TD { font-family: 宋体,黑体,宋体; }
　　</style>
　　<script language="javascript">
　　　var contents = true;
　　</script>

　　更简单的方法是：

　　　<style>
　　　 <!--
　　　　　a {text-decoration:none}
　　　　　a:hover {color: red;text-decoration:none}
　　　 --!>
　　　</style>

　　下面我们在看一看效果，试着将鼠标移动到下面的超级链接上去，是不是超级链接不会产生下划线了。

无划线超级连接

 

 

 

   

上篇：背景音乐  　下篇：中文网页制作中段落缩进的方法
[夜鹰论坛] [我要留言] [关闭窗口] [大 中 小][TOP]