Olá pessoal!
estou com dificuldade em intender o que aconteceu com o codigo para que a cor de fundo da lista, branco, nao apareceu e tbm criou um afastamento do lado esquerdo da lista.
alguem consegue me ajudar a intender o erro?
1
resposta
resposta
cores: fundo da lista + afastamento lado esquerdo
Para aplicar cores a elementos HTML usando CSS, você pode seguir estas diretrizes:
Texto: A propriedade color define a cor do texto e suas decorações (como sublinhados ou linhas tachadas). A propriedade background-color define a cor de fundo do texto. Use text-shadow para adicionar sombras ao texto. A propriedade text-decoration-color permite definir uma cor diferente para as decorações de texto. Para símbolos de ênfase adjacentes a cada caractere no texto, utilize text-emphasis-color. O caret-color define a cor do cursor de entrada de texto dentro do elemento1. Lista com fundo de cor total: Para fazer o fundo de uma lista ocupar 100% horizontalmente, você pode usar a propriedade position: absolute; e width: 100%; no elemento
- .
Defina uma altura para o elemento (por exemplo, height: 318px;), já que o
- estará com posição absoluta. Remova os preenchimentos esquerdo e direito do elemento
- para alinhar corretamente os itens da lista horizontalmente2.
Elementos lado a lado:
Utilize display: flex; para colocar elementos lado a lado.
A propriedade align-items alinha os itens verticalmente.
justify-content: space-evenly; distribui os elementos igualmente no espaço disponível3.
Espero que essas dicas sejam úteis para o seu projeto!
Atenciosamente, Danilo O. Pinheiro CEO DevsFree & MasterMind | Arquiteto De Software | Arquiteto De Soluções | Engenheiro de Nuvem | Arquiteto Corporativo De Software | Gerente de Projetos | Líder técnico | Arquiteto Tecnológico