Estilização de lista não ordenada
Lição 10 de 12 do curso Barra de Navegação Inferior - Projeto HTML/CSS da Coddy.
Vamos remover os pontos da lista não ordenada e alinhar os ícones horizontalmente.
Desafio
FácilSelecione a lista não ordenada da classe navigation .navigation ul:
- Defina o display como
flex. - Defina o justify-content como
space-around. - Defina o list-style como
none.
Experimente você mesmo
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Write HTML code here -->
<script src="script.js"></script>
</body>
</html>Todas as lições de Barra de Navegação Inferior - Projeto HTML/CSS
2O Estilo
Tag universal
BodyEstilização da NavbarEstilização de lista não ordenadaEstilização de itens da listaAnimação de hover no ícone