刚做的请老师点评

登录

这是代码，下面附图。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>导航条练习</title>
<style type="text/css">
.DIA {
width: 100%;
height: 40px;
background-color: #2488F1;
margin-top: 100px;
}
.DIA .EIA {
width: 1365px;
height: 40px;
margin-left: auto;
margin-right: auto;
}
.DIA .FIA {
float: left;
}
.EIA .FIA a {
display: block;
float: left;
color: #FEFCFC;
text-decoration: none;
font-size: 15px;
width: 100px;
height: 40px;
text-align: center;
line-height: 40px;
}
.EIA .FIA a:hover {
background-color: #09387F;
}
.DIA .GIA {
width: 150px;
height: 40px;
float: right;
}
.DIA .EIA a {
color: #FEFCFC;
text-decoration: none;
font-size: 15px;
text-align: center;
line-height: 40px;
}
.EIA .GIA a {
color: #F8F5F5;
text-align: center;
text-decoration: none;
line-height: 40px;
vertical-align: top;
font-size: 15px;
width: 150px;
height: 40px;
}
body {
margin: 0px;
}
</style>
</head>
<body>
<div class="DIA">

<div class="EIA">
   <div class="FIA">

      <a href="#">首页</a>
   <a href="#">分类</a>
   <a href="#">特色百科</a>
   <a href="#">用户</a>
   <a href="#">权威合作</a>
   <a href="#">手机百科</a>

   </div>

   <div class="GIA">

<img src="../Images/hengtiao.png"> &nbsp

<img src="../Images/use.png" alt="user">

      <a href="#"> 个人中心</a>

      </div>

  </div>
</div>
</body>
</html>

lori棒棒糖 · 发表于 2018-7-2 18:05:02

从预览效果来看，操作没有问题~

[作业] 刚做的请老师点评

本帖子中包含更多资源

共1个回复最后回复于 2018-7-2 18:05

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

[作业] 刚做的请老师点评

本帖子中包含更多资源

共1个回复 最后回复于 2018-7-2 18:05

共1个回复最后回复于 2018-7-2 18:05