gusteps Postado Junho 15, 2016 Denunciar Share Postado Junho 15, 2016 Preciso inserir uma div circular que abriga uma imagem dentro de uma div(head) retangular, UTILIZANDO CSS. Tentei de 1001 maneiras, mas não consegui Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 MrLion Postado Junho 29, 2016 Denunciar Share Postado Junho 29, 2016 Olá gusteps. Tentei fazer o que pediu: <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{margin: ; padding: ;} header{width: 100%; height: 100px; background-color: skyblue;} .foto img{width: 200px; height: 200px; background-color: skyblue; border-radius: 100%; position: absolute; top: 10px; left: 10%; </style> </head> <body> <header> <div class="foto"> <figure> <img src="https://www.scriptbrasil.com.br/forum/uploads/monthly_2016_06/b94933835479d3f857105da86d9a7dba.jpg.ab204b46edc4a111f561e8fdd5f05a9f.jpg"> </figure> </div> </header> </body> </html> Se você tem dificuldade com o CSS você pode baixar a apostila da W3C nesse link: http://www.w3c.br/Cursos/CursoCSS3 Citar Link para o comentário Compartilhar em outros sites More sharing options...
Pergunta
gusteps
Preciso inserir uma div circular que abriga uma imagem dentro de uma div(head) retangular, UTILIZANDO CSS. Tentei de 1001 maneiras, mas não consegui
Link para o comentário
Compartilhar em outros sites
1 resposta a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.