這個分類類目的這個圖形 css怎么寫 我的方法是boder-bottom加一個相對定位的偽類有沒有好的思路
這個css怎么寫
慕姐4208626
2018-11-13 13:10:17
1 回答
翻閱古今
TA貢獻1780條經驗 獲得超5個贊
利用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;
}
添加回答
舉報
0/150
提交
取消