本文介绍了一种利用CSS实现美观的Tab栏底边框的方法。通过将ul元素放置在一个div容器内，并给该容器设置底边框及特定高度，而非直接设置ul的底边框，从而解决了li元素高度撑开ul高度导致底边框显示不一致的问题。
在用ul标签做tab栏时，想实现ul一个底边框线是统一的颜色，在当前li上，要给li一个其他颜色的底边框线，盖住ul的底边框线。实现以下效果
灰线是ul的线，红线是li的线。我发现无论如何写，li的高度加上边框线的高度都会把ul高度撑开，始终都会露出ul的线。
灵机一动，把ul放在一个div盒子中，给div设置底边框线，再设置一个合适的高度，而不给ul设置。
完美解决
扫一扫
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
