伪元素选择添加半个边框

当看到要求图片的边框只有百分之八十时我以为边框有这个样式然鹅没有，网搜想起伪类可以插入

html

<view class="add01">
<text decode="{{true}}"  class="text_left" class="imp">*</text><text>学生姓名</text>
<input class="addinput" placeholder="请填写姓名" value="{{name}}" bindblur="name"></input>
</view>
<view class="add01">
<text>身份证号</text>
<input class="addinput" placeholder="请填写身份证号码" bindblur="id"></input>
</view>

css

.add01:before{
    content: "";
    position: absolute;
    left: 10px;
    top: 48px;
    width: 90%;
    height: 2px;
    background-color:whitesmoke;
}
.add01{
    position: relative;
    height: 50px;
    /* border-bottom: whitesmoke 1px solid;  */
    display: flex;
    align-items: center;
}