如何只利用ul+li制作常见门户网站底部，而不利用 | 符号分割？
关于xxx | 联系我们 | 诚征英才
的底部条，都是利用|字符去分割，而不是纯粹利用样式。
之前看过有一篇文章是利用纯样式去做的，而且还能做到 | 比文字短25%的效果。不知道有里有人知道这个解决方案
展开
收起
2
条回答
写回答
写回答
-
有点尴尬唉 你要寻找的东西已经被吃掉啦！你可以给li设置边框啊
如果想要 分割小一点的话 给内部a标签设置边框
a如果矮的话，利用内边距，把a撑大一丢丢
2019-07-17 19:14:41赞同 1 展开评论 打赏 -
可以给每个li设置border-left，然后隐藏掉第一个li的border-left。
隐藏第一个li的border-left的具体方法是：给ul加overflow:hidden,给所有li加margin-left：-1px
｜的高度就是li的高度，可以随便设。2019-07-17 19:14:41赞同 1 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
问答排行榜
最热
最新
推荐问答
