完整代码、
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>1688导航条</title><style>*{margin: 0;padding: 0;list-style: none;text-decoration: none;}.box1{width: 80px;margin-top: 20px;}.box2{padding: 20px;border: 1px solid;border-image: linear-mradient(to right,white,#ccc,white);border-image-slice: 1;}a{color: rgb(93, 87, 87);}#a1,a:hover{color: blue;}img{width: 35px;margin-top: -10px;}#img2{width: 30px;margin-top: 40px;}</style>
</head>
<body><div class="box1"><div class="box2"><img src="./订单管理.png" alt=""><a href="javascript:;">订单管理</a></div><div class="box2"><img src="./供应商管理.png" alt=""><a href="javascript:;">供应商管理</a></div><div class="box2"><img src="./跨境服务.png" aly=""><a href="javascript:;">跨境服务</a></div><div class="box2"><img src="./分销管理.png" alt=""><a href="javascript:;">分销管理</a></div><div class="box2"><img id="img2" src="./我的阿里.png" alt=""><a href="javascript:;">我的阿里</a></div>
</body>
</html>
