<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>nav</title>
<style type="text/css">
body{
background-color: gainsboro;
}
.wrap{
}
.wrap .list{
height: 30px;
background-color: #ff9000;
}
ul{
list-style: none;
}
.wrap .list .item{
float: left;
padding: 0px 4px;
margin: 0px 3px;
}
.wrap .list .item a{
display: block;
text-decoration: none;
color: white;
height: 30px;
padding: 0px 5px;
line-height: 30px;
font-size: 16px;
font-weight: 700;
}
</style>
</head>
<body>
<div class="wrap">
<ul class="list">
<li class="item">
<a href="">挑眉毛</a>
</li>
<li class="item">
<a href="">聚划算</a>
</li>
<li class="item">
<a href="">天猫超市</a>
</li>
</ul>
</div>
</body>
</html>
一个简单的导航条
最新推荐文章于 2023-03-05 10:04:41 发布