Ajudameutccae

06/06/2022

9

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

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

Aceitar