Desafio 1
Desafio 2
body { background-color: indigo; color: white; }
Desafio 3
/* Estilos para o cabeçalho */ header { background-color: #3498db; color: white; padding: 10px; }
/* Estilos para os botões */ button { background-color: #2ecc71; color: white; padding: 5px 10px; border: none; border-radius: 3px; cursor: pointer; }
/* Estilos para os parágrafos */ p { color: #555; }
/* Estilos para os links */ a { color: #3498db; text-decoration: none; }
a:hover { text-decoration: underline; }
/* Estilos para o rodapé */ footer { background-color: #34495e; color: white; padding: 10px; }
Desafio 4
header { background-color: #e74c3c; color: white; padding: 10px; }
p { color: #2ecc71; }
footer { background-color: #3498db; color: white; padding: 10px; }
Desafio 5 (Três estilos diferentes) * Arquivo 1 (formal.css):
body { font-family: 'Times New Roman', serif; font-size: 16px; }
h1 { color: #333; text-transform: uppercase; }
/* Adicione estilos formais adicionais conforme necessário */
Arquivo 2 (colorido.css):
body { background-color: #f39c12; }
h1 { color: #2c3e50; }
/* Adicione estilos coloridos adicionais conforme necessário */
Arquivo 3 (minimalista.css):
body { background-color: #ecf0f1; font-family: Arial, sans-serif; }
h1, p { color: #333; }
/* Adicione estilos minimalistas adicionais conforme necessário */
Desafio 6 (Personalizando Links)
/* Estilizando links */ a { color: #e74c3c; text-decoration: none; transition: color 0.3s ease; }
a:hover { color: #c0392b; text-decoration: underline; }
