Artigos HTML e CSS Materialize CSS: Criando listas estilizadas

Motivação

Listas, em páginas web, são utilizadas para diversos fins, desde a simples exibição de dados organizados em sequência, até a construção de menus para permitir ao usuário navegar entre as seções de uma página ou site. Sendo assim, tendo em vista a importância desses elementos, estilizá-los é fundamental para garantir ao usuário final uma interface agradável e, consequentemente, uma melhor experiência de uso.

Nesse artigo veremos como aplicar estilos a listas (ou coleções) utilizando o framework Materialize, que dispõe de classes com as quais é possível formatar as coleções de itens de forma elegante e moderna.

Coleção básica no Materialize

Para utilizar os estilos do Materialize é necessário referenciar seu arquivo CSS, seja por meio da sua CDN (Content Delivery Network), seja baixando o arquivo e o incluindo localmente no projeto. Nos dois casos, é necessário incluir a tag <link> ...

Fim do trecho gratuito • continue abaixo
CONTEÚDO EXCLUSIVO

Desbloqueie toda a DevMedia

  • +2000 artigos e vídeos
  • +40 trilhas sobre Front-end, Back-end, IA e muito mais
  • +5000 exercícios práticos
  • Mentorias ao vivo individuais
30% OFF
A partir de
R$ 47,00 /mês
Assinar agora