css设置导航条鼠标经过字体颜色改变

a{ color:#000; text-decoration:none;} a:hover{ color:#F00;} .menu{ width:1004px; height:30px; background: #999;} .menu ul{ padding:0; margin:0; list-style:none;} .menu ul li{ float:left; line-height:30px; padding:0 10px;} 首页 关于我们 新闻动态 ...
css设置导航条鼠标经过字体颜色改变
这是设置下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=utf-8" />
<title>无标题文档</title>
<style type="text/css">
a{ color:#000; text-decoration:none;}
a:hover{ color:#F00;}
.menu{ width:1004px; height:30px; background: #999;}
.menu ul{ padding:0; margin:0; list-style:none;}
.menu ul li{ float:left; line-height:30px; padding:0 10px;}
</style>
</head><body>
<div class="menu">
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">关于我们</a></li>
<li><a href="#">新闻动态</a></li>
</ul>
</div>
</body>
</html>
这里注意看a:hover{}里面的样式 我设置的是红色, 不懂得可以扣我, 望采纳!2013-05-09
如果只是让字体变色,用写一个a {color:red;} a:hover {color:black;}就行了。满意请采纳,不懂可以追问2013-05-09
mengvlog 阅读 9 次 更新于 2025-07-23 03:54:22 我来答关注问题0
  •  MESEAL dreamweaver导航条怎么实现鼠标移过文字发生翻转变色

    1,利用css3的rotate() 实现文字翻转,其中angle是指旋转角度,如果设置的值为正数表示顺时针旋转,如果设置的值为负数,则表示逆时针旋转。如transform:rotate(30deg):2,直接定义color即可实现文字变色效果。所以假设导航上文字的class为nav,则鼠标经过效果的css可以这样写:.nav hover{transform:...

  •  咔卡诺 怎么让鼠标经过的文字变色呢?

    4、点击确定,打开样式设置面板,选择Color:#333,或别的你要的着色,确定。5、下面设置鼠标经过的文字色彩,还是参考第二步,打开新建CSS规则面板,选择“复合内容”,选择器中选择:a:hover,6、color中选择鼠标经过的颜色,这里以“#F00”即红色为例。确定。7、下面看一下效果,完毕。

  •  湖北倍领科技 DW制作网页导航栏如何设置鼠标经过时背景颜色会改变?

    为了使网页导航栏在鼠标经过时背景颜色发生变化,可以使用CSS的伪类:hover。具体来说,首先需要为导航栏元素定义一个基本的背景颜色,例如:.nav { background-color: #0f0; } 这将为导航栏设置一个初始的绿色背景。接下来,通过:hover伪类,可以定义当鼠标悬停在该元素上时的背景颜色变化。例如:.nav...

  •  深空游戏 DW中怎么设置鼠标经过导航栏背景变色

    在DW(Dreamweaver)中设置导航栏鼠标经过时背景颜色变化,可以通过CSS样式实现。具体步骤如下:首先,为导航栏的每一个小单元格定义一个统一的类(class)。例如,可以定义一个名为“menu”的类:CSS部分:.menu { background-color:#ffffff; } 接着,在CSS中加入:hover伪类,当鼠标悬停在带有“menu...

  •  深空见闻 鼠标经过文字变色用DW怎么做的?要具体的,我想做个分类导航。

    nav ul li a:hover { color: #f00; } /* 鼠标经过状态 */ 这将使分类导航中的链接在默认状态下显示为黑色,在鼠标经过时显示为红色。你可以根据需要调整颜色和其他样式属性,以匹配你的网站设计。在使用Dreamweaver(DW)时,你可以通过CSS样式面板快速完成这些设置。首先,在Dreamweaver中打开你的...

檬味博客在线解答立即免费咨询

CSS相关话题

Copyright © 2023 WWW.MENGVLOG.COM - 檬味博客
返回顶部