![](/img/trans.png)
[英]How to add border-top with rounded bottom corners to <li> elements?
[英]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.