楚河之界 2022-06-27 17:18 采纳率: 97.4%
浏览 71
已结题

需要实现一个竖向步骤条

需要用css画一个简单的竖向步骤条，内容不限，圆点和竖线就可以。

  • 写回答

2条回答 默认 最新

  • CSDN专家-showbo 2022-06-27 17:21
    关注
    
<!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>
        &nbsp;
    </li>
    <li>
        <div class="mask"></div>
        <b></b>查看盈亏
    </li>
</ul>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题？

问题事件

  • 系统已结题 7月5日
  • 已采纳回答 6月27日
  • 创建了问题 6月27日