html - 如何在纯 CSS 中制作这一行？

Question

我试过用这个:

border: 1px solid #7BE34A;
box-shadow: 0px 4px 25px rgba(123, 227, 74, 0.25);

border: 1px solid #28780D;
box-shadow: 0px 4px 25px rgba(40, 120, 13, 0.25);

来自 figma，但它不起作用

Answer 1

idk 如果这是你正在寻找的，但这里有一个例子:

.line {
  border-top : 1px solid #000;
  position   : relative;
  width      : 100px
  }
.line:after {
  content      : "";
  position     : absolute;
  border-right : 1px solid #000;
  height       : 10px;
  right        : 0;
  bottom       : 0;
  }
.line:before {
  content    : "";
  position   : absolute;
  border-top : 1px solid #000;
  height     : 10px;
  width      : 100px;
  right      : -100%;
  bottom     : 110%;
  }

<br>
<div class="line">
</div>