你如何在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;

}

我喜欢这种类型的工作。