发表于： 2019-12-17 22:24:23
1 886
今天完成的事情：改了一下以前bug，写了任务十的一部分
明天计划的事情：继续任务
遇到的问题：导航的样式没写好，明天在继续弄，改bug花费时间较长
收获：学了一下用css画流程图，花费较长时间还没应用，写了任务十的头部，先上图
导航的部分改的不好，明天用别的办法
代码
<body>
<div class="header">
<div class="Customerservice">
客服热线：010-594-78634
</div>
<div class="Loginregistration">
<div class="Login">
登录
</div>
<div class="registration">
注册
</div>
</div>
</div>
<ul class="nav nav-pills nav-justified">
<li><a href="#">Home</a></li>
<li><a href="#">SVN</a></li>
<li><a href="#">iOS</a></li>
<li><a href="#">VB.Net</a></li>
</ul>
</body>
css部分
.header{
display: flex;
justify-content: space-between;
background: #1d7ad9;
line-height: 40px;
color: white;
padding: 0 18vw;
}
.Loginregistration{
display: flex;
color: white;
border: white 1px solid;
}
.Login{
border-right: solid white 1px;
}
.Login, .registration{
padding: 0 10px;
line-height: 40px;
text-align: center;
}
.Login:hover,.registration:hover{
width: 80px;
color: black;
background: white;
}
返回列表
评论