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

需要实现一个竖向步骤条

需要用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日

悬赏问题

  • ¥30 关于用python写支付宝扫码付异步通知收不到的问题
  • ¥50 vue组件中无法正确接收并处理axios请求
  • ¥15 隐藏系统界面pdf的打印、下载按钮
  • ¥15 MATLAB联合adams仿真卡死如何解决(代码模型无问题)
  • ¥15 基于pso参数优化的LightGBM分类模型
  • ¥15 安装Paddleocr时报错无法解决
  • ¥15 python中transformers可以正常下载，但是没有办法使用pipeline
  • ¥50 分布式追踪trace异常问题
  • ¥15 人在外地出差，速帮一点点
  • ¥15 如何使用canvas在图片上进行如下的标注，以下代码不起作用,如何修改