Apenas tentando atribuir ao div principal do conteúdo em um site uma borda no lado esquerdo e direito do div. Em vez de ter divs separados para cada borda, pensei em usar oborder-left-image capacidade no CSS3 para fazer isso acontecer. Meu código é o seguinte:

#content {
    background-color: #7FC3F4;
    height: 100%;
    width: 900px;
    border-left-width: 30px;
    border-left-image: url(../images/border_left_gradient.png);
    border-right-width: 30px;
    border-right-image: url(../images/border_right_gradient.png);
    margin-right: 10%;
    margin-left: 10%;
}

De todas as pesquisas do Google que eu fiz, ainda tenho que apresentar uma explicação sobre por que esse código não é válido. Alguns resultados retornam valores numéricos a serem colocados após o URL, no entanto, independentemente da combinação de números que eu tente, nenhum dad

Pensamentos