如何去掉网页设计中超链接的下划线

如题所述

a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #6B6C70;
}
其中的text-decoration: none;是消除下划线

例如:只需加入一段代码:
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="GENERATOR" content="Microsoft FrontPage 3.0">
<style type="text/css"><!--
td,body { font-size: 9pt}
a:link{ color:#000000; text-decoration:none} 
a:visited{COLOR: #000000; TEXT-DECORATION: none} 
a:active{color:green;text-decoration:none}
a:hover{color:red;text-decoration:underline} --> 
</style>

补充:网页是构成网站的基本元素,是承载各种网站应用的平台。通俗地说,您的网站就是由网页组成的,如果您只有域名和虚拟主机而没有制作任何网页的话,您的客户仍旧无法访问您的网站。

网页是一个文件,它可以存放在世界某个角落的某一台计算机中,是万维网中的一"页",是超文本标记语言格式(标准通用标记语言的一个应用,文件扩展名为.html或.htm)。网页通常用图像档来提供图画。网页要透过网页浏览器来阅读。

温馨提示:答案为网友推荐,仅供参考
第1个回答  2015-08-18
若想在整页中去掉超链结的下划线,
在<head>与</head>之间加上
<style>
<!--
a{text-decoration:none}
-->
</style>
若只对特定链接使用,则链接语法为
<ahref="你的链接"style=text-decoration:none></a>
如何使鼠标放到有超级链接的字体时出现字体颜色变化?
在<head>与</head>之间加上
<style>
<!--
a:link{color:$}
a:visited{color:$}
a:active{color:$}
a:hover{color:$}
-->
</style>
其中link是超链接的颜色,visited是访问过的链接颜色,hover是鼠标移上去的颜色。把$
换成你需要的颜色,例如black或#000000。还可与下划线一起使用,如
a:hover{color:$;text-decoration:none}

若想在浏览网页时去掉下划线,点击工具->Internet选项->高级->浏览->给连接加下划线,选从不!~
第2个回答  2015-01-08
创想者学院网页设计教程中:用CSS语法来控制超链接的形式、颜色变化。
   下面我们做一个这样的链接:未被点击时超链接文字无下划线,显示为蓝色;当鼠标在链接上时有下划线,链接文字显示为红色;当点击链接后,链接无下划
线,显示为绿色。
   实现方法很简单,在源代码的和之间加上如下的CSS语法控制:
   <style type="text/css">
   <!--
   a:link { text-decoration: none;color: blue}
   a:active { text-decoration:blink}
   a:hover { text-decoration:underline;color: red}
   a:visited { text-decoration: none;color: green}
   -->
   </style>
   其中:
   a:link 指正常的未被访问过的链接;
   a:active 指正在点的链接;
   a:hover 指鼠标在链接上;
   a:visited 指已经访问过的链接;
   text-decoration是文字修饰效果的意思;
   none参数表示超链接文字不显示下划线;
   underline参数表示超链接的文字有下划线
   同样,如果讲none替换成overline则给超链接文字加上划线,换成line-through给超链接文字加上删除线,blink则使文字在闪烁。本回答被提问者和网友采纳
第3个回答  2008-07-18
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #6B6C70;
}
其中的text-decoration: none;是消除下划线

相关了解……

你可能感兴趣的内容

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 非常风气网