怎样使dreamweaver做的链接不带下划线且鼠标经过时变颜色?

发布网友 发布时间:2024-10-23 23:18

我来回答

1个回答

热心网友 时间:2024-11-01 22:12

主要是用CSS样式表:

<style type="text/css">
<!--
a:link {
font-size: 12px;
color: #FF0000;
text-decoration: none;
}
a:visited {
font-size: 12px;
color: #CCCCCC;
text-decoration: none;
}
a:hover {
font-size: 12px;
color: #00CC33;
text-decoration: none;
}
a:hover {
font-size: 12px;
color: #FF9900;
text-decoration: none;
}
-->
</style>

将上面的代码放在</head>的上面

-------------------------------------------------------
给你看一下我做好的源代码:你可以直接用dreamweaver打开看一下,

<!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=gb2312" />
<title>我的下载网</title>
<style type="text/css">
<!--
a:link {
font-size: 12px;
color: #CCCCCC;
text-decoration: none;
}
a:visited {
font-size: 12px;
color: #FF0000;
text-decoration: none;
}
a:hover {
font-size: 12px;
color: #FF6600;
text-decoration: none;
}
a:active {
font-size: 12px;
color: #0033FF;
}
-->
</style>
</head>

<body>
<a href="http://www.wddown.com">我的下载网</a>
</body>

</html>

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com