multiple backgrounds css3

[Iury Borges 0]

Estou tendo dificuldade nessa parte, digito e não aparece nada, alguém pode me responder onde estou errando e me ensina.

 

 

body{background:url(171160_Papel-de-Parede-Universo--171160_1600x1200.jpg) no-repeat left top,
url(estrelas--do-universo-wallpaper-18280) no_repeat center button};

[Diéssica 140]

1. Os caminhos (diretórios) estão corretos?

2. Valores possíveis para background-position:

• left top
• left center
• left bottom
• right top
• right center
• right bottom
• center top
• center center
• center bottom

:seta: https://developer.mozilla.org/en-US/docs/Web/CSS/background-position

Ou seja, center button NÃO EXISTE. O correto é center bottom.
O mesmo ocorreu com a propriedade background-repeat. Você determinou o valor no_repeat, inexistente no CSS. O correto é no-repeat.

3. A maneira correta de se terminar uma regra CSS é a seguinte:

seletor {
propriedade: valor;
}

Perceba o ; }, e não };, como você fez.

Se você está iniciando com backgrounds múltiplos no CSS3, talvez seja melhor não abreviar as declarações para que você não se perca. Sugiro que leia esse artigo :seta: Abreviações CSS

Perceba que, de início, fica mais fácil para se organizar:

background-image: url(imagem1.png), url(imagem2.png), url(imagem3_paper.jpg);

No final, abrevie para limpar o código. :)