Estilo de listas no ordenadas
Lección 10 de 12 del curso Barra de navegación inferior - Proyecto de HTML/CSS de Coddy.
Eliminemos los puntos de la lista desordenada y alineemos los iconos horizontalmente.
Desafío
FácilApunta a la lista desordenada de la clase de navegación .navigation ul:
- Establece el display a
flex. - Establece el justify-content a
space-around. - Establece el list-style a
none.
Pruébalo tú mismo
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Write HTML code here -->
<script src="script.js"></script>
</body>
</html>Todas las lecciones de Barra de navegación inferior - Proyecto de HTML/CSS
2El estilo
Etiqueta universal
BodyEstilo de la NavbarEstilo de listas no ordenadasEstilo de elementos de listaAnimación hover en el icono