html+css怎么实现横向导航
2个回答
展开全部
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<style type="text/css">
body{
text-align: center;
}
ul{
overflow: hidden;
background: #f00;
margin: 0 auto;
display: inline-block;
padding-left: 0
}
ul li{
padding: 10px 30px;
text-align: center;
font-size: 15px;
float: left;
list-style: none;
cursor: pointer;
border-right: 1px solid #fff
}
ul li:last-child{
border-right: 0
}
</style>
</head>
<body>
<ul>
<li>导航1</li>
<li>导航2</li>
<li>导航3</li>
<li>导航4</li>
<li>导航5</li>
</ul>
</body>
</html>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
在每个li上添加float：left；
ul li{float:left;}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
