No exercício 1 da terceira aula o tema é bordas arredondas e outras novidades do CSS3. No exercício é pedido que arredondemos a foto do "João da Silva" no site. Porém na imagem parece ter uma espécie de "moldura" quadrada na foto arredonda que deixa a foto mais inserida e natural ao site, enquanto no meu arquivo não consigo por essa moldura e consequentemente a foto fica toscamente colocada no site com os cantos não inseridos no site e margem sobrando de todos os lados, provavelmente porque meu arquivo só tá preparado pra receber a foto quadrada. html da imagem:
i<div class="moldure">
<img src="img/eu.jpg" alt="Foto de João da Silva" class="minha_foto">
</div>css da imagem:
.minha_foto {
float: right;
width: 25%;
border: 10px #000000 solid;
box-sizing: border-box;
position: absolute;
top: 0px;
right: 0px;
-webkit-border-radius: 20em;
-moz-border-radius: 20em;
border-radius: 20em;
}
.moldure {
background-color: red;
}Aguardo qualquer ajuda e desde já agradeço
