簡體   English   中英

如何在每個框的底部添加邊框 <li> ?

[英]How to add a border at the bottom of every <li>?

我想在每個列表項的底部添加邊框,但是它似乎僅將其添加到整個列表的底部: http : //prntscr.com/35iunb/direct

這是我的代碼: http : //scratchpad.io/abusive-stage-1825

謝謝。

應該這樣做:

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

可能對您有幫助,請嘗試添加li {border:1px純紅色;寬度: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>

如果以上兩個答案對您都不起作用,您應該始終將li設置為自己的單獨類,然后在CSS中進行引用。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM