Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Oi galera, boa tarde
to estudando html e css, alguem pode me ajudar com o codigo pra pra fazer um background fatiado?
como assim?
essas 4 imagens tem q ficar uma embaixo da outra no centro da pagina, e tem q parecer ser uma só.
<!doctype html>
<html>
<head>
<title>teste</title>
</head>
<body>
<img src="https://lh4.googleusercontent.com/-UzYqjj6Ispg/VJBRD70cabI/AAAAAAAAAAw/2j96EVKPJsM/w600-h300-no/01.png" alt="background" />
<img src="https://lh3.googleusercontent.com/-sc2NzCzPsuA/VJBT31UrOgI/AAAAAAAAABY/h076CMXU0YE/s600/02.png" alt="background" />
<img src="https://lh3.googleusercontent.com/-4zXjrY8kZhA/VJBT2T6ZVOI/AAAAAAAAABM/Tm56lUBDbWc/s600/03.png" alt="background" />
<img src="https://lh3.googleusercontent.com/-GFBe38rk4l0/VJBT2ZDRClI/AAAAAAAAABQ/obLczQC8ClQ/s600/04.png" alt="background" />
</body>
</html>Olá jonathanrn!
Tenta esse código:
<div style="text-align: center">
<div><img src="https://lh4.googleusercontent.com/-UzYqjj6Ispg/VJBRD70cabI/AAAAAAAAAAw/2j96EVKPJsM/w600-h300-no/01.png" alt="background"></div>
<div><img src="https://lh3.googleusercontent.com/-sc2NzCzPsuA/VJBT31UrOgI/AAAAAAAAABY/h076CMXU0YE/s600/02.png" alt="background"></div>
<div><img src="https://lh3.googleusercontent.com/-4zXjrY8kZhA/VJBT2T6ZVOI/AAAAAAAAABM/Tm56lUBDbWc/s600/03.png" alt="background"></div>
<div><img src="https://lh3.googleusercontent.com/-GFBe38rk4l0/VJBT2ZDRClI/AAAAAAAAABQ/obLczQC8ClQ/s600/04.png" alt="background"></div>
</div>Com as divs, as imagens só ocupam uma linha cada.
Para ficar no centro da página, basta adicionar a propriedade text-align: center.
Qualquer dúvida é só perguntar! :thumbsup:
Espero que resolvi seu problema.
Atenciosamente,
Pedro HSB :)
como assim?