javascript - 这个css怎么写

问题描述

问 题

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

有没有好的思路

解决方案

利用border以及:after实现, 为了观看效果方便，以下demo线条宽度设定为2px.
在线预览

html >>>>>>

<div class='treeline'></div> 

css >>>>>>

.treeline {
  display: inline-block;
  width: 100px;
  height: 26px;
  padding: 12px 0;
  box-sizing: border-box;
  border-left: 2px solid #888;
}
.treeline:after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: #888;
}

这篇关于javascript - 这个css怎么写的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！