Logo Hardware.com.br
wmoreiraw
wmoreiraw Novo Membro Registrado
3 Mensagens 3 Curtidas

[Resolvido] Paragrafo abaixo de uma div com background em imagem

#1 Por wmoreiraw 06/03/2020 - 22:56
Galera, sou novo no estudo do HTML, estou cursando ciência da computação e me deparei com o seguinte nesse assunto. Criei uma div e utilizei uma class nela, e coloquei no background da div uma imagem, porém agora quando coloco o

não fica abaixo da imagem. Como seria a maneira correta e mais simples de lidar com isso?


<!DOCTYPE html>
<html lang="pt-br">
<head>
<link rel="stylesheet" href="style.css">
<link href='<a href="https://fonts.googleapis.com/css?family=Source" target="_blank">https://fonts.googleapis.com/css?family=Source</a> Code Pro' rel='stylesheet'>
<meta charset="UTF-8">
<meta name="viewport" content="windth=device-windth, initial-scale=1.0">

<style>
p{
font-family-removed:'Source code pro'; font-size-removed: 22px;
}

</style>
<script>

</script>
</head>
<body class="fundo">
<div class="meubanner"><center>Sobre mim</center>
</div>
<p>Meu nome</p>



</body>
</html>



CSS,

.meubanner{
background-image: url(Imagens/banner.webp);
width: 1536px;
height: 316px;
position: absolute;
left: 0px;
top: 0px;
font-family-removed: 'Source Code Pro';font-size-removed: 100px;
color: rgb(255, 255, 255);
font-weight: bold;
}
.fundo{
background-image: url(Imagens/body.png);
}
LeandroCGMS
LeandroCGMS Super Participante Registrado
376 Mensagens 28 Curtidas
#2 Por LeandroCGMS
07/03/2020 - 10:10
Dê uma olhada em https://www.w3schools.com/css/css_positioning.asp. Uma dica é que muitos desenvolvedores não utilizam CSS frequentemente. Preferem usar frameworks, a não ser em casos mais específicos, quando é um profissional de design com cargo específico entre outras possibilidades.
"A ignorância é a escuridão que nos impede de ver além, enquanto o conhecimento é a luz que nos guia para um futuro melhor." - Autor desconhecido.
© 1999-2024 Hardware.com.br. Todos os direitos reservados.
Imagem do Modal