<div class='example'></div>

body {
    background: #000;
}

.example {
    margin: 3rem auto;
    width: 30rem;
    max-width: 90%;
    height: 8rem;
    background:
        linear-gradient(to right, #fff 0%, #fff 100%),
        linear-gradient(to right, #fff 0%, #fff 100%),
        linear-gradient(to right, #fff 0%, #fff 100%),
        linear-gradient(to right, #fff 0%, #fff 100%),
        linear-gradient(to right, #fff 0%, #fff 100%),
        linear-gradient(to right, #fff 0%, #fff 100%),
        linear-gradient(to right, #fff 0%, #fff 100%),
        linear-gradient(to right, #fff 0%, #fff 100%),
        linear-gradient(to right, #444 0%, #444 100%),
        linear-gradient(to right, #444 0%, #444 100%);
    background-size:
        15px 2px,
        15px 2px,
        15px 2px,
        15px 2px,
        2px 15px,
        2px 15px,
        2px 15px,
        2px 15px,
        2px 100%,
        2px 100%;
    background-position:
        0 0,
        0 100%,
        100% 0,
        100% 100%,
        0 0,
        0 100%,
        100% 0,
        100% 100%,
        0 0,
        100% 0;
    background-repeat: no-repeat;
}