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
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