javascript - ImpactChallenge Web サイトのような行をどのように配置しますか

Question

Impactchallenge の Web サイトにアクセスしたところ、すべての列の境界線のような構造を形成している線が見つかりました。どうやってそれを自分のウェブサイトに掲載するのか興味があります。ウェブサイトはhttp://impactchallenge.withgoogle.comです。

Answer 1

<div class="border"> bipin kumar pal</div>


.border {
    border: 5px solid hsl(0, 0%, 40%);
    padding: 5px;
    background: hsl(0, 0%, 20%);
    outline: 5px solid hsl(0, 0%, 60%);
     box-shadow:
        0 0 0 10px hsl(0, 0%, 80%),
        0 0 0 15px hsl(0, 0%, 90%);
    color:#fff;

}

私はあなたがこのタイプの仕事が好きだと思います。