模拟压力边界底部css

Question

.pressure{
    width: 100px;
    text-align: center;
    border-bottom: 3px solid #000;
}

这个css给出了这样的边界底部

我想要的就像

有没有办法在css中做到这一点？

jsfiddle

Answer 1

尝试这个

＆＃13;

＆＃13;

.pressure{
    width: 100px;
    text-align: center;
    border: 5px solid #000;
    border-radius: 50%/60%;
}

＆＃13;

<div class="pressure"</div>

＆＃13;

＆＃13;

＆＃13;