Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

Embora no exercício não estivesse pedindo isso, mas a foto aparece arredondada com um background-color igual ao do título principal. Tentei colocar um background-color no fundo da imagem arredondada, mas não foi de jeito nenhum. Alguém saberia como?

Referente ao curso HTML5 e CSS3 II: Turbinando as suas páginas, no capítulo Bordas arredondadas e outras novidades do CSS3 e atividade Foto do João da Silva arredondada

por Leopoldo José
| 72k xp | 46 posts
HTML
<div><img src="imagens/eu.jpg" alt="Minha foto" class="minha-foto"> </div>
/*criei uma div em volta do elemento*/



CSS
.minha-foto {
    position: absolute;
    top: 0;
    right: 0;
    height: 200px;
    border-radius: 50%
 }
div {
background-color: #851944;  
}
3 respostas
por Williams Barriquero Gomes da Silva
| 413.8k xp | 37 posts
Desenvolvedor Pleno

Faz assim:

<div class="sua-classe-aqui">
    <img src="imagens/eu.jpg" alt="Minha foto" class="minha-foto">
</div>

index.html

index.css

.sua-classe-aqui {
    backgroud-color: red; 
}

usei a cor red mais pode por sua cor..

Da forma que você colocou , você estava pondo backgroud-color em todas as divs.

Além disso você põe o backgorud na div .. vai ficar estranho.. mais testa aí

solução!
por Maison Galvão
| 1029.2k xp | 1128 posts
Moderador Desenvolvedor de Sistemas

Oi Leopoldo posta seu arquivo .html completo para verificarmos quais os links que você tem na tag head. Se puderes postar o arquivo html e o arquivo css separadamente. . Fico no aguardo

por Maison Galvão
| 1029.2k xp | 1128 posts
Moderador Desenvolvedor de Sistemas

Oi Leopoldo como ficou essa questão, conseguiu postar seu projeto ? Ainda no aguardo.