body, html {

    width: 100%;

    height: 100%;

    display: flex;

    background: #fff;

}

​

​

div {

    position: relative;

    margin: auto;

    width: 200px;

    height: 200px;

    // border: 0.5px dashed #000;

    border-radius: 20px;

    background: repeating-conic-gradient(#000, #000 3deg, transparent 3deg, transparent 6deg);

    // background:

    &::before {

        content: "";

        position: absolute;

        inset: 1px;

        background: #eee;

        border-radius: 20px;

    }

}

​

div:nth-child(2) {

    width: 350px;

}

​

div:nth-child(3) {

    width: 500px;

}