Duvida na aula 5 exercicio 9 (criar as listras)

Criei as listas conforme solicitado no enunciado, porém elas ficaram espaçadas uma das outras, o background teria algum tipo de border?

.trabalhos {
    background-color: #3C1D3D;
    border-top: 10px solid #000;
    border-bottom: 10px solid #000;
    background-image:linear-gradient(135deg,transparent,
    transparent 14px,rgba(0, 0, 0, 0.1)14px,rgba(0, 0, 0, 0.1)15px,
    transparent 15px, transparent);
    background-size: 20px;
    background-attachment:fixed;

.secao-inicio h2 {
    text-transform: uppercase;
    font-size: 3rem;
    text-shadow: 4px 4px #000;
  }

<section class="secao-inicio trabalhos">
            <h2>Trabalhos</h2>
            <ul>
                <li><img src="img/bmw.png" alt="Site da BMW"></li>
                <li><img src="img/ibm.png" alt="Site da IBM"></li>
                <li><img src="img/uol.png" alt="Site da UOL"></li>
            </ul>
            <a class="botao-index" href="portfolio.html">Veja mais</a>
        </section>


}

Só não sei o nome da página pra deixar o print