javascript - 你如何在 ImpactChallenge 网站中放置线条

Question

我访问了 Impactchallenge 网站，发现每一列的线条都形成了类似边框的结构。我很好奇我怎么把它放在我的网站上。该网站是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;

}

我喜欢你喜欢这种类型的工作。