css怎么实现竖线

/* 内阴影 */

    .p1{

        box-shadow:inset 5px 0px 0 0 red;

    }

/* 外阴影  有些Chrome（比如：Chrome/70.0）版本上会底部1px兼容性问题，显示效果如下图*/

    .p1{

        box-shadow:-5px 0px 0 0 red;

    }

.p1{

   filter:drop-shadow(-5px 0 0 red);

 }

.p1 {

    background-image: linear-gradient(90deg, red 0px, red 5px, transparent 5px);

  }