html代码问题,文字中加链接如何取消下划线,还有...

html问题,文字中加链接如何取消下划线,还有如何取消鼠标放上文字上面文字不会有任何变化(例如文字不会有任何的颜色改变)?应该怎么写代码?

a { text-decoration: none; } //取消下划线。
a:hover{ 把鼠标经过的样式写入这里 } //鼠标经过时显示情况
实例(直接复制进你的代码中试一下,改些属性你就懂了):
<style type="text/css">
a{text-decoration: none; padding: 10PX; color:#000;}
a:hover{background:#000; color:#FFF;}
</style>
<div>
<a href="#">b</a>
<a href="#">CCCC</a>
<a href="#">DDDDDDDDD</a>
</div>
温馨提示:答案为网友推荐,仅供参考
第1个回答  2012-04-24
文字连接要设置 <a>的属性。
<!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{
text-decoration: none;
color: #FF0000;
}
/*连接指上*/
a:hover{
color: #FFFF00;
}

</style>
</head>
<body>

<div>
<a href="#" class="a" >没有下划线。鼠标指上去变色</a>
</div>

</body>
</html>本回答被网友采纳
第2个回答  2012-04-24
你可以加个CSS样式,设置连接的不加下划线,就Dreamweaver中添加CSS样式为标签是a,在设置没有下划线,鼠标的也是一样可以用CSS样式来解决
第3个回答  2012-04-24
<styel>
a{text-decoration:none } // 取消链接下划线
</style>
相似回答