Question

我想在每个列表项的底部添加一个边框，但它似乎只将它添加到整个列表的底部： a http://prntscr.com/35iunb/direct

这是我的代码： http://scratchpad.io/abusive-stage-1825

感谢。

Answer 1

这应该这样做：

li { border-bottom: 1px solid black; }

Answer 2

可能会对你有所帮助，尝试添加li {border：1px solid red; width：50px;}

<!DOCTYPE html>
<html>
<body>
<style>
li{border:1px solid red;width:50px;}
</style>
<h4>An Unordered List:</h4>
<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>

</body>
</html>

Answer 3

如果以上两个答案对你不起作用，那么你可以将li设置为他们自己独立的类，然后在你的CSS中引用它。

如何在每个<li>？</li>的底部添加边框

3 个答案: