楚河之界 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日

悬赏问题

  • ¥15 关于logstash转发日志时发生的部分内容丢失问题
  • ¥17 pro*C预编译“闪回查询”报错SCN不能识别
  • ¥15 微信会员卡接入微信支付商户号收款
  • ¥15 如何获取烟草零售终端数据
  • ¥15 数学建模招标中位数问题
  • ¥15 phython路径名过长报错 不知道什么问题
  • ¥15 深度学习中模型转换该怎么实现
  • ¥15 Stata外部命令安装问题求帮助！
  • ¥15 从键盘随机输入A-H中的一串字符串，用七段数码管方法进行绘制。提交代码及运行截图。
  • ¥15 如何用python向钉钉机器人发送可以放大的图片？