导航条练习

登录

body{
margin:0;
}
.box{
width:100%;
min-width:1100px;
background-color:#09C;
margin-top:100px;
}
.box .nav{
width:1100px;
height:50px;
margin:0 auto;
font-size:18px;
}
.nav .con{
float:left;
}
.nav .user{
float:right;
}
.nav a{
text-decoration:none;
color:#fff;
line-height:50px;
}
.con a{
display:inline-block;
text-align:center;
width:auto;
padding:0 30px;
}
.con a:hover{
background-color:#06C;
}
</style>
</head>

<body>
<div class="box">
<div class="nav">
<div class="con">
<a href="#">首页</a>
<a href="#">用户</a>
<a href="#">分类</a>
<a href="#">特色百科</a>
<a href="#">权威合作</a>
<a href="#">手机百科</a>
</div>
<div class="user"><a href="#"><img src="220_DW基础课程课堂源码/课堂源码/images/user.png" />个人中心</a></div>
</div>
</div>

[作业] 导航条练习

本帖子中包含更多资源

共0个回复最后回复于 2019-1-3 10:21

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

[作业] 导航条练习

本帖子中包含更多资源

共0个回复 最后回复于 2019-1-3 10:21

共0个回复最后回复于 2019-1-3 10:21