DISCIPLINA: PROGRAMAÇÃO WEB 1

PROFESSOR: REGILAN MEIRA

www.regilan.com.br – e-mail: regilan@hotmail.com

ALUNO: _________________________________________

EXERCÍCIOS PRÁTICOS HTML/CSS: ESTILIZAÇÃO DE MENUS

OBS: Utilize para os exercícios abaixo o elemento NAV e as regras de menus CSS.

QUESTÃO 01. Criar uma regra css para a construção de um menu semelhante ao do portal UOL:

Estado normal:

Estado hover:

QUESTÃO 02. Criar uma regra css para a construção de um menu semelhante a imagem abaixo. No
estado inicial os itens do menu deverão ter cor de fundo cinza e cor do texto branco. No estado
hover, deverá ter cor de fundo azul celeste e cor de texto cinza.

QUESTÃO 03: Desenvolver o menu abaixo com uma imagem na lateral e o bloco de texto na cor
cinza. Quando o mouse estiver sobre o item do menu, todo o bloco do item do menu deverá ficar
na cor rosa.

OBS: As imagens estão disponibilizadas em anexo a esta atividades e devem ser dimensionadas
para o tamanho:

CORES adotadas:

• Rosa: rgb(224,27,106)
• Cinza: rgb(204,204,204)