Ter uma navegação fácil de usar é importante para qualquer site.

Com o CSS, você pode transformar menus HTML chatos em barras de navegação bonitas.

Barra de Navegação = Lista de Links

Uma barra de navegação precisa de HTML padrão como base.

Em nossos exemplos, criaremos a barra de navegação a partir de uma lista HTML padrão.

Uma barra de navegação é basicamente uma lista de links, portanto, usar os elementos <ul> e <li> faz todo o sentido:

Exemplo explicado:

list-style-type: none;– Remove as balas. Uma barra de navegação não precisa de marcadores de lista
Definir margin: 0;e padding: 0; remover as configurações padrão do navegador
O código no exemplo acima é o código padrão usado nas barras de navegação vertical e horizontal, sobre as quais você aprenderá mais nos próximos capítulos.

 

Categoria: curso css | Tags: background, cascata, cores, css, estilo, formatação, html, html5, layout, Style Sheets, text | Postado por joemaster em 03/jul/2020

Próximo >> Barra de navegação vertical CSS