Ajudameutccae

06/06/2022

0

Então galeria, to fazendo um site aqui, e não sei pq todo e qualquer item q eu coloco fica com uma margem de +ou- 5px, sendo q eu nunca coloquei nenhum código para isso
segue o codigo:

<body>
<form id="form1" runat="server">
</form>
<div class="banner">
<img src="IMg/banner.jpeg" />
</div>

<div class="menu">

<ul class="lista">

<li><a href="/">Inicio</a></li>
<li><a href="/">Noticias</a></li>
<li><a href="/">Sobre a Escola</a></li>
<li><a href="/">Programadores</a></li>

</ul>

</div>
<div class="cursos">
<div class="IPI">
<img src="IMg/Jornal.jpg" />
<div>IPI</div>
</div>
<div class="Agro">
<img src="IMg/Jornal.jpg" />
<div>Agro</div>
</div>
<div class="MA">
<img src="IMg/Jornal.jpg" />
<div>MA</div>
</div>
</div>
</body>

<style>
body ul li p {
list-style: none;
padding: 0px;
margin: 0px;
}

.banner img {
width: 100%;
height: 320px;
}

.menu ul {
display: flex;
list-style: none;
background-color: #fdcece;
}

.lista {
display: flex;
justify-content: flex-end;
list-style: none;
}

.lista li {
margin: 20px;
font-family: ''''''''Mustica Pro'''''''';
font-size: 30px;
}

.lista a {
text-decoration: none;
}

.cursos img {
border: 1px solid #ddd;
border-radius: 4px;
padding: 5px;
width: 350px;
}

.cursos {
display: flex;
justify-content: space-around;
margin-top: 30px;
}

.IPI, .Agro, .MA {
text-align: center;
font-family: ''''''''Mustica Pro'''''''';
font-size: 50px;
margin: 0px;
}
</style>
Gustavo

Gustavo

Responder

Que tal ter acesso a um e-book gratuito que vai te ajudar muito nesse momento decisivo?

Ver ebook

Recomendado pra quem ainda não iniciou o estudos.

Eu quero
Ver ebook

Recomendado para quem está passando por dificuldades nessa etapa inicial

Eu quero

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários, consulte nossa política de privacidade.

Aceitar