<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>导航</title>
<style>
*{margin:0;padding:0;list-style:none;}
ul{
width: 694px;
height: 50px;
border:1px solid gold;
font-size: 16px;
font-family: "雅黑";
color:pink;
margin:200px auto;
}
ul li{
width: 99px;
height: 50px;
line-height: 50px;
text-align: center;
border-right:1px solid gold;
display:inline-block;
/*鼠标移入改变鼠标形状*/
cursor:pointer;
box-sizing:border-box;
}
.list-li{
border-right:0px solid red;
}
</style>
</head>
<body>
<ul>
<li>首页</li><li>公司简介
</li><li>解决方案
</li><li>公司新闻
</li><li>行业动态
</li><li>招纳贤才
</li><li class="list-li">联系我们
</li>
</ul>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>导航</title>
<style>
*{margin:0;padding:0;list-style:none;}
ul{
width: 694px;
height: 50px;
border:1px solid gold;
font-size: 16px;
font-family: "雅黑";
color:pink;
margin:200px auto;
}
ul li{
width: 99px;
height: 50px;
line-height: 50px;
text-align: center;
border-right:1px solid gold;
display:inline-block;
/*鼠标移入改变鼠标形状*/
cursor:pointer;
box-sizing:border-box;
}
.list-li{
border-right:0px solid red;
}
</style>
</head>
<body>
<ul>
<li>首页</li><li>公司简介
</li><li>解决方案
</li><li>公司新闻
</li><li>行业动态
</li><li>招纳贤才
</li><li class="list-li">联系我们
</li>
</ul>
</body>
</html>