查看“︁模板:ProcessSteps/styles.css”︁的源代码

.process-steps {
  counter-reset: step;
  display: grid;
  gap: .75rem;
}
.process-steps > * {
  counter-increment: step;
  border-left: 3px solid #2f5f8f;
  padding: .75rem 1rem;
  background: #f7f9fc;
}
.process-steps > *::before {
  content: counter(step);
  display: inline-grid;
  width: 1.6rem;
  height: 1.6rem;
  margin-right: .5rem;
  border-radius: 999px;
  color: #fff;
  background: #2f5f8f;
  font-weight: 700;
  text-align: center;
}