如何去掉网页设计中超链接的下划线
4个回答
展开全部
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)。网页通常用图像档来提供图画。网页要透过网页浏览器来阅读。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
若想在整页中去掉超链结的下划线，
在<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选项－＞高级－＞浏览－＞给连接加下划线，选从不！～
在<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选项－＞高级－＞浏览－＞给连接加下划线，选从不！～
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
创想者学院网页设计教程中：用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则使文字在闪烁。
下面我们做一个这样的链接:未被点击时超链接文字无下划线，显示为蓝色;当鼠标在链接上时有下划线，链接文字显示为红色;当点击链接后，链接无下划
线，显示为绿色。
实现方法很简单，在源代码的和之间加上如下的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则使文字在闪烁。
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #6B6C70;
}
其中的text-decoration: none;是消除下划线
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #6B6C70;
}
其中的text-decoration: none;是消除下划线
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
