导航:首页 > 万维百科 > 网页设计如何去掉超链接的下划线

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

发布时间:2021-03-05 01:45:07

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

创想者学院网页设计教程中:用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则使文字在闪烁。

2、怎么去掉链接网页默认的下划线

用记事本打开网页源代码(也可以先用IE打开网页,然后点击IE菜单栏的“查看→源文件”),然后弹出如下记事本窗口:webshu.htm - 记事本文件(F)?编辑(E)?搜索(S)?帮助(H)<html<head<title网页树树</title</head<body……</body</html??找到<head和</head这两句了吗?样式表语句就加在它们中间。如下:<html<head<stylea{TEXT-DECORATION:none}</style</head<body??仅仅加入<stylea{TEXT-DECORATION:none}</style这一句就去掉超链接下划线了,这是个最简单的例子,你试着这样做就会成功的。??·如果大部分超链接不要下划线,就可以加入<stylea{TEXT-DECORATION:none}</style这一句,然后在少数要下划线的超链接里使用这个方法,它就有下划线了:<a href=****<u文字</a。

3、网页中如何去掉超链接的下划线

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)。网页通常用图像档来提供图画。网页要透过网页浏览器来阅读。

4、html中如何去掉超链接的下划线

去掉超链接下面的下划线可以通过CSS样式表来控制。
text-decoration:none这个属性是标准的文本即不显示回任何的文本修饰。

例如:
<style type="text/css">
.abc{text-decoration:none}
</style>
<a href="#" class="abc">这个是答链接</a>

引申:
text-decoration这个属性有以下参数参考:

none 定义标准的文本。
underline 定义文本下的一条线。
overline 定义文本上的一条线。
line-through 定义穿过文本下的一条线。
blink 定义闪烁的文本。
inherit 规定应该从父元素继承 text-decoration 属性的值。

5、网页设计中怎么把超链接的下划线去掉?

用记事本打开网页源代码(也可以先用IE打开网页,然后点击IE菜单栏的“查看→源文件”),然后弹出如下记事本窗口:
<html>
<head>
<title>网页树树</title>
</head>
<body>
……
</body>
</html>
找到<head>和</head>这两句了吗?样式表语句就加在它们中间。如下:
<html>
<head>
<style>a{TEXT-DECORATION:none}</style>
</head>
<body>
仅仅加入<style>a{TEXT-DECORATION:none}</style>这一句就去掉超链接下划线了,这是个最简单的例子,你试着这样做就会成功的。

6、在HTML中怎么去掉超链接的下划线

去掉超链接下面的下划线可以通过CSS样式表来控制。
text-decoration:none这个属性是标准的文本即不显示任何的文本修饰。

例如:
<style type="text/css">
.abc{text-decoration:none}
</style>
<a href="#" class="abc">这个是链接</a>

引申:
text-decoration这个属性有以下参数参考:

none 定义标准的文本。
underline 定义文本下的一条线。
overline 定义文本上的一条线。
line-through 定义穿过文本下的一条线。
blink 定义闪烁的文本。
inherit 规定应该从父元素继承 text-decoration 属性的值。

7、网页制作中,点击超链接后,怎样去掉超链接相应的下划线

超链接下划线的属性: text-decoration:underline;
把“text-decoration:underline;”改成“text-decoration:none;” 就可以了

8、html超链接更改颜色和去掉下划线

超链接下划线可以使用“text-decoration: none;”去除,颜色可以用“color”属性表示。

1、新建html文档,在body标签中添加两个超链接并为超链接添加文字,这时默认情况下超链接带下划线且颜色为蓝色:

2、设置white类,添加“text-decoration: none;”和“color: #fff;”,这时超链接变成无下划线和白色:

3、设置black类,添加“text-decoration: none;”和“color: #000;”,这时超链接变成无下划线和黑色:

9、html语言中怎样去掉超链接文字的下划线

<style type="text/css">
a:link,a:visited{
text-decoration:none; /*超链接无下划线*/
}
a:hover{
text-decoration:underline; /*鼠标放上去有下划线*/
}
</style>

<a href="#">超链接</a>

与网页设计如何去掉超链接的下划线相关的知识