CSS中怎么设置才能让display:block形式的横向列表中间用一条线隔开，但是不要边框
2个回答
展开全部
这是导航栏的实现思路,你可以参考以下
用float:left;让li横向展开, 可以设置右边框为直线, 最后一个不设置右边框即可
代码如下
<style>
li{float:left;border-right:1px solid #CCCCCC;padding:0 14px;list-style:none;}
li.last{border-right:none;}
</style>
</head>
<body>
<ul>
<li>1111111111</li>
<li>222222222222</li>
<li>3333333333</li>
<li>444444444</li>
<li>5555555555</li>
<li class="last">6666666</li>
</ul>
</body>
用float:left;让li横向展开, 可以设置右边框为直线, 最后一个不设置右边框即可
代码如下
<style>
li{float:left;border-right:1px solid #CCCCCC;padding:0 14px;list-style:none;}
li.last{border-right:none;}
</style>
</head>
<body>
<ul>
<li>1111111111</li>
<li>222222222222</li>
<li>3333333333</li>
<li>444444444</li>
<li>5555555555</li>
<li class="last">6666666</li>
</ul>
</body>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
|
广告 您可能关注的内容 |
