快捷导航
发新帖
返回列表
0 564
电梯直达  跳转到指定楼层

[作业] 导航条练习

幸运大发的Josie|新手上路 |勤币 16 |学币 0
发表于 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>

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
举报 使用道具
| 回复

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

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表