老师怎么可以让导航条里的字鼠标移入是就字体变颜色

为了更快地得到解答，请同学<!doctype html><html>
<head>
<meta charset="utf-8">
<title>浮动框架架构图</title>
<style>
body{font-family:"黑体", "微软雅黑", "宋体";}
*{padding:0;margin:0;}

/*头部区域*/
ul{list-style:none}
.header{height:100px; background:rgba(40,220,117,1.00);}
.header .nav{width:980px; height:100px;background:rgba(17,138,68,1.00);margin:0 auto;}
.nav li{float:left;margin-left:30px;color:rgba(69,227,136,1.00);text-align:center;line-height:100px;margin:0;padding:0 50px ;;dispaly:block;}

/*海报区域*/
.banner{height:500px;width:980px;background:rgba(243,138,140,1.00);margin:10px auto;}

/*内容区域*/
.main{width:980px;height:400px; background:rgba(220,177,52,1.00);margin:10px auto; }
.main .left{width:200px;height:400px;background:rgba(103,200,26,1.00);float:left;margin-right:10px;}
.main .center{width:560px;height:400px;background: rgba(22,196,199,1.00);float:left;}
.main .right{width:200px; height:400px; background:rgba(22,172,86,1.00);float:right;}

/*底部区域*/
.footer{height:100px;background:rgba(27,180,205,1.00);}
.footer .text{width:980px; height:100px;background:rgba(21,157,185,1.00);margin:0 auto;}

</style>
</head>

<body>

<div class="header">
   <div class="nav">
   <ul>
   <li>首页</li>>
   <li>主题</li>
   <li>内容</li>
   <li>结束</li>
</ul>
   </div>

</div>

<div class="banner">banner</div>

<div class="main">
   <div class="left">left</div>
   <div class="center">center</div>
   <div class="right">right</div>
</div>

<div class="footer">
<div class="text">footer</div>
</div>

</body>
</html>
们具体描述问题:）

潜意式 · 发表于 2017-10-25 18:33:50

后面老师会讲到的哦，鼠标移入前后的样式改变。

[提问] 老师怎么可以让导航条里的字鼠标移入是就字体变颜色

共1个回复最后回复于 2017-10-25 18:33

	B Color Image Link Quote Code Smilies 高级模式您需要登录后才可以回帖登录 \| 立即注册本版积分规则回帖后跳转到最后一页

[提问] 老师怎么可以让导航条里的字鼠标移入是就字体变颜色

共1个回复 最后回复于 2017-10-25 18:33

共1个回复最后回复于 2017-10-25 18:33