演示代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" type="text/css" href="reset.css"/>
<style type="text/css">
#rmtj{
width: 800px;height: 40px;line-height: 40px;text-align: center;
margin: 100px auto;
display: flex;
justify-content: space-between;
}
#rmtj a{
width: 120px;
}
#rmtj .wyzx{
background: linear-gradient(90deg,#0078ff 20%, #8138db 80%);
color: white;
}
</style>
</head>
<body>
<div id="rmtj">
<a class="wyzx" href="">电脑办公</a>
<a href="">平面设计</a>
<a href="">影视动画 </a>
<a href="">室内设计</a>
<a href="">室外设计</a>
</div>
</body>
</html>
