论坛
标题:
老师怎么可以让导航条里的字鼠标移入是就字体变颜色
[打印本页]
作者:
章素徐霄华
时间:
2017-10-25 14:06
标题:
老师怎么可以让导航条里的字鼠标移入是就字体变颜色
为了更快地得到解答，请同学<!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
后面老师会讲到的哦，鼠标移入前后的样式改变。
欢迎光临 论坛 (http://bbs.qinxue.com/)
Powered by Discuz! X3.1