Como criar uma LISTA DROPDOWN (FAQ) com HTML e CSS

Опубликовано: 09 Май 2026
на канале: Bruno Rodrigues • Dev Web
7,872
409

✅ Conheça o treinamento Modo Front-end e crie projetos incríveis do absoluto zero: https://bit.ly/3KY8mpn

✅ Quer ter acesso a projetos exclusivos que vão agregar ainda mais na sua carreira? Torne-se membro do Inteliogia:
https://bit.ly/programmakerspro

Neste vídeo eu te ensino a criar uma lista acordeom ou uma lista dropdown ou uma lista de FAQ. Este elemento está muito presente em sites que possuem perguntas frequentes. Com isso você pode adicionar no seu site para responder as maiores dúvidas dos seus visitantes ou apenas usar para explicar alguma coisa. Tudo isso utilizando apenas HTML e CSS.

✅ ME SIGA NAS REDES SOCIAIS

🔹 Instagram: https://bit.ly/3DHrMdj
🔹 Baixe este código no GitHub: https://bit.ly/3tVboSS

✅ Participe da nossa comunidade no Facebook:
https://bit.ly/3vaJdiy

✅ SE LIGA SÓ

🔹 Meu objetivo é levar o mundo da computação para todos. Você deve saber, né? Existem muitas vagas de emprego para poucos profissionais no mercado. E assim como eu você quer crescer no mundo da programação me acompanhe aqui no canal:    / inteliogiatech  

✅ EMAIL PARA CONTATO EMPRESARIAL (não tiro dúvidas por aqui):

🔹 [email protected]

✅ CASO SEJA DO SEU INTERESSE:

🔹 Caso você queira, assista esses vídeos que pode te ajudar a construir sites incríveis:

▸Como criar o efeito overlay com CSS:    • Como criar o efeito overlay com CSS  
▸Como criar o efeito borda dinâmicas no menu com HTML e CSS:    • Como criar o efeito borda dinâmicas no men...  
▸Como criar o EFEITO VIDRO (glassmorphism) com HTML e CSS:    • Como criar o EFEITO VIDRO (glassmorphism) ...  

✅ É isso #programMaker, seguimos por aqui, codando 👨🏼‍💻