Já tentei tudo que foi aconselhado sobre ("bg.jpg") e não consegui. footer{ text-align: center;
padding: 40px 0;
background: url("bg.jpg");} só uma amostra do código
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Já tentei tudo que foi aconselhado sobre ("bg.jpg") e não consegui. footer{ text-align: center;
padding: 40px 0;
background: url("bg.jpg");} só uma amostra do código
Olá Thiago, tente descrever melhor sua dúvida para que eu possa tentar te ajudar.
Se possível poste o código completo também.
header{ background: #BBBBBB; padding: 20px 0; } .caixa{ position: relative; width: 940px; margin: 0 auto; }
nav{
position: absolute;
top: 110px;
right: 0;}
nav li{ display: inline; margin: 0 0 0 15px; }
nav a{ text-transform: uppercase; color: #000000; font-weight: bold; font-size: 22px; text-decoration: none; }
nav a:hover{ color: #C78C19; text-decoration: underline;
}
.produtos2{ width: 940px; margin: 0 auto; padding: 50px 0; }
.produtos2 li{ display: inline-block; text-align: center; width: 30%; vertical-align: top; margin: 0 1.5%; padding: 30px 20px; box-sizing: border-box; border: 2px solid #000000 ;border-radius: 10px;
}
.produtos2 li:hover{
border-color:#C78C19;}
.produtos2 li:active{
border-color: #088C19;}
.produtos2 li:hover h2{ font-size: 34px; }
.produtos2 h2{ font-size: 30px; font-weight: bold;
}
.produtos2-descriçao{ font-size: 18px; font-weight: bold;
}
.produtos2-preço{ font-size: 22px; font-weight: bold; margin-top: 10px; }
footer{ text-align: center; padding: 40px 0; background:url(bg.jpg);
}
.copyrhite{ color: #FFFFFF; font-size: 13px; margin: 20px 0;
}
Mas qual o problema ?
Talvez a imagem bg.jpg não esta no seu projeto, no meu tbem não estava .
tente o seguinte;
footer {
background-image: url(../imagem/bg.jpg);
}ou baixe a imagem e adicione na sua pasta.
Não sei se esse é o problemas mas tente colocar a imagem na pasta do seu projeto, se ainda não funcionar, tente além de colocar a imagem na pasta do projeto, usar o codigo: background: url("./bg.jpg"); só colocar ela na pasta do projeto deve resolver no entanto