[英]How to add border to list-style?
So i have list of items and im using list-style: decimal;
所以我有项目列表,即时消息使用
list-style: decimal;
but i want to add border to only for li
also for that decimal. 但我想只为小数也为
li
添加边框。 This is my fiddle: https://jsfiddle.net/zzzpLqwq/ Any suggestion? 这是我的小提琴: https ://jsfiddle.net/zzzpLqwq/有什么建议吗?
Use list-style-position: inside
and the border
on the <li>
itself: 使用
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>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.