代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge chrome=1">
<title>Document</title>
</head>
<style media="screen">
a{
text-decoration: none;
}
ul>li{
display: inline-block;
padding:0 20px;
background:linear-gradient(to bottom,#dd2926,#a82724) no-repeat right / 1px 15px;
}
ul>li:last-child{
background: none;
}
</style>
<body>
<ul>
<li><a href="">饥荒</a></li>
<li><a href="">缺氧</a></li>
<li><a href="">星露谷物语</a></li>
<li><a href="">以撒</a></li>
<li><a href="">海岛大亨</a></li>
</ul>
</body>
</html>
效果
![这里写图片描述](https://img-blog.csdn.net/20170926203327891?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvang5NTA5MTU=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)