需要用css画一个简单的竖向步骤条,内容不限,圆点和竖线就可以。
<!doctype html>
<style>
.fund{padding-left:15px;color:#999;font-size:12px}
.fund li{list-style:none;padding:0;position:relative;border-left:solid 1px #ccc;padding-left:10px;line-height:30px}
.fund li b,.fund .mask{position:absolute;left:-4px;width:7px;height:7px;border-radius:50%;background:#0541a7;top:50%;margin-top:-3.5px;z-index:2}
.fund .mask{background:#fff;height:15px;width:7px;left:-4px;top:0;z-index:1}
.fund li:last-of-type .mask{top:auto;bottom:0}
</style>
<ul class="fund">
<li>
<div class="mask"></div>
<b></b>
认购提交
</li>
<li>
</li>
<li>
<div class="mask"></div>
<b></b>查看盈亏
</li>
</ul>
您好,我是有问必答小助手,您的问题已经有小伙伴帮您解答,感谢您对有问必答的支持与关注!