可把element里的步骤条做成5个步骤为直线，第六个为九十度向下转弯的案例吗

是的，你可以使用 Element UI 的步骤条组件来实现这种效果。具体实现方法如下：

1. 在模板中使用 `el-steps` 组件，并设置 `direction` 属性为 `"horizontal"`，`active` 属性为当前激活的步骤。

<el-steps :active="active" direction="horizontal">
  <el-step title="步骤一"></el-step>
  <el-step title="步骤二"></el-step>
  <el-step title="步骤三"></el-step>
  <el-step title="步骤四"></el-step>
  <el-step title="步骤五"></el-step>
  <el-step title="步骤六"></el-step>
</el-steps>

2. 使用 CSS 来将第六个步骤转向下方。你可以为第六个步骤添加一个自定义的类名，然后在 CSS 中设置该类名的样式。

<el-steps :active="active" direction="horizontal">
  <el-step title="步骤一"></el-step>
  <el-step title="步骤二"></el-step>
  <el-step title="步骤三"></el-step>
  <el-step title="步骤四"></el-step>
  <el-step title="步骤五"></el-step>
  <el-step title="步骤六" class="turn-down"></el-step>
</el-steps>

<style>
  .turn-down .el-step__line {
    height: 20px; /* 设置垂直高度 */
    width: 2px; /* 设置水平宽度 */
    background-color: #E4E7ED; /* 设置线条颜色 */
    margin-left: -1px; /* 将线条左移一点，使其与前面的线条连接 */
  }

  .turn-down .el-step__description {
    position: absolute; /* 将文字描述设置为绝对定位 */
    top: 100%; /* 将文字描述设置在线条下方 */
    left: 50%; /* 将文字描述水平居中 */
    transform: translate(-50%, 10px); /* 将文字描述向上偏移一点 */
  }
</style>

这样就可以实现一个由五个直线和一个九十度向下转弯的步骤条了。