导航:首页 > 万维百科 > 网页设计怎么加下划线

网页设计怎么加下划线

发布时间:2021-01-07 17:16:00

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

用记事本打开网页源代码(也可以先用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>这一句就去掉超链接下划线了,这是个最简单的例子,你试着这样做就会成功的。

2、在网页中如何设置超链接下划线的颜色?

设置超链接下划线的颜色的方法:A:link {color:颜色; }即可。

例如:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
<style TYPE="text/css">
<!--
A:link {color:red; }
-->
</style>
<a href="www.baidu.com">百度</a>
</body>
</html>

效果:

扩展阅读:

A:link后为普通情况下链接的效果

A:visited后为已访问链接的效果

A:hover后为鼠标悬停在链接上时的效果

A:active后为当前活动链接的效果

如果想修改链接的颜色只要在括号内写上color值即可。

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

用记事本打开网页源代码(也可以先用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>这一句就去掉超链接下划线了,这是个最简单的例子,你试着这样做就会成功的。

4、使用dreamweaver制作网页,怎么给文字插入下划线、删除线、上划线?尽量不要代码编辑,请各位

设置样式比如对标题h1
<style>
h1{
text-decoration:overline; //上划线,underline下划线,line-through删除线;
}
</style>

5、网页设计怎么创建没有下划线的超链接?

这个需要写a标签的样式。
要去掉a超链接锚文本下划线将用到以下CSS样式单词:text-decoration 设置下划线样式单词
去掉a超链接下划线样式,需要将css text-decoration的值设置为“none”即可。
举例:如下去掉A链接下划线样式代码:
a{text-decoration:none;}

6、网页制作时,怎么在CSS中给字体加下划线?

*

7、网页设计与制作中如何添加下划线

d

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

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

与网页设计怎么加下划线相关的知识