论坛

标题: 导航条练习 [打印本页]

作者: 幸运大发的Josie 时间: 2019-1-3 10:21
标题: 导航条练习
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>

欢迎光临论坛 (http://bbs.qinxue.com/)