-1
JavaScript
nav{
width: 100%;
height: 60px;
background: linear-gradient(to bottom, #fff, #bbb);
border-bottom: 1px solid #fff;
}
.wrapper{
max-width:1200px;
margin:0 auto;
}
li{
float:left;
width: 15%;
list-style: none;
margin-top: 5px;
}
a{
text-decoration: none;
box-sizing: border-box;
display: block;
padding: 10px 10px;
text-align: center;
color: #052537;
}
.nav01,
.nav03,
.nav05{
border-right: 1px solid #999999;
border-left: 1px solid #fff;
}
.nav02,
.nav04{
border-left: 1px solid #fff;
border-right: 1px solid #999999;
}
<nav>
<div class="wrapper">
<div class="nav-global">
<ul>
<li class="nav01"><a href="#">go1</a></li>
<li class="nav02"><a href="#">go2</a></li>
<li class="nav03"><a href="#">go3</a></li>
<li class="nav04"><a href="#">go4</a></li>
<li class="nav05"><a href="#">go5</a></li>
</ul>
</div>
</div>
</nav>
大家好,我要第一个设计导航栏的问题,最后的边界。我想在共享图片中制作边框。我无法弄清楚如何设计nav01的第一个边框和导航05的最后一个边框,因为我需要两个边框的组合,就像我在nav02,nav03和nav04中所做的那样。请帮助我
你需要更新你的问题,并用[MCVE] – j08691
这不是一个免费的代码编写服务,你必须尝试和职位的代码编辑它,你必须 – mlegg
我只是用代码更新我的问题。如果可能,请帮助我 –