这个css怎么写

Question

这个分类类目的这个图形 css怎么写 我的方法是boder-bottom加一个相对定位的伪类

有没有好的思路

Answer 1

利用border以及:after实现, 为了观看效果方便，以下demo线条宽度设定为2px.&nbsp;在线预览html&nbsp;>>>>>><div&nbsp;class='treeline'></div>css&nbsp;>>>>>>.treeline {&nbsp; display: inline-block;&nbsp; width: 100px;&nbsp; height: 26px;&nbsp; padding: 12px 0;&nbsp; box-sizing: border-box;&nbsp; border-left: 2px solid #888;}.treeline:after {&nbsp; content: '';&nbsp; display: block;&nbsp; width: 100%;&nbsp; height: 100%;&nbsp; background: #888;}