如何在列表样式中添加边框？

Question

所以我有项目列表，即时消息使用list-style: decimal; 但我想只为小数也为li添加边框。 这是我的小提琴： https ://jsfiddle.net/zzzpLqwq/有什么建议吗？

Answer 1

使用list-style-position: inside <li>本身的list-style-position: inside和border ：

 ul { list-style: decimal; display: inline-block; } li { background: red; list-style-position: inside; border-bottom: 1px solid #ccc; } 

 <ul> <li>First</li> <li>Second</li> <li>Thrid</li> </ul> 

您更新的JSFiddle