<style>
.menu ul{
display: flex;
justify-content: center;
background: #f2f2f2;
padding: 0.1rem 0;
}
.menu ul li{
float: left;
width: 1.46rem;
position: relative;
}
.menu ul li a{
display: block;
height: 0.4rem;
line-height: 0.4rem;
font-size: 0.2rem;
color: #ccc;
text-align: center;
}
.menu ul li:not(:last-child) a::after{
background: url(./images/head_3.png);
background-size: 100% 100%;
width: 0.02rem;
height: 0.4rem;
content: "";
position: absolute;
right: 0;
}
</style>
</head>
<body>
<div class='menu'>
<ul>
<li><a href="#">服务</a></li>
<li><a href="#">服务</a></li>
<li><a href="#">服务</a></li>
<li><a href="#">服务</a></li>
</ul>
</div>
.menu ul{
display: flex;
justify-content: center;
background: #f2f2f2;
padding: 0.1rem 0;
}
.menu ul li{
float: left;
width: 1.46rem;
position: relative;
}
.menu ul li a{
display: block;
height: 0.4rem;
line-height: 0.4rem;
font-size: 0.2rem;
color: #ccc;
text-align: center;
}
.menu ul li:not(:last-child) a::after{
background: url(./images/head_3.png);
background-size: 100% 100%;
width: 0.02rem;
height: 0.4rem;
content: "";
position: absolute;
right: 0;
}
</style>
</head>
<body>
<div class='menu'>
<ul>
<li><a href="#">服务</a></li>
<li><a href="#">服务</a></li>
<li><a href="#">服务</a></li>
<li><a href="#">服务</a></li>
</ul>
</div>