0

Gostaria de colocar os meus itens do meu menu no centro e muda-los de cor, no caso colocar uma cor branca mas não estou conseguindo

inserir a descrição da imagem aqui

 #menu{
            background-color:#6495ED;


        }
        .conteudo{
              display:inline;
            text-align: center;  
            padding: 10px;
             color:white;

        }
         <nav id="menu">

        <div class="conteudo"> <a href="index.jsp">Pagina Principal</a>
       </div>
        <div class="conteudo"> <a href="produtos.jsp">Produtos</a></div>
        <div class="conteudo"><a href="contato.jsp">Contato</a></div>
     </nav>

2 Respostas 2

1

 #menu{
          background-color:#6495ED;
          text-align: center;
          padding: 10px !important;
        }
        .conteudo{
            display: inline;
        }
        a {
          padding: 10px !important;
          text-decoration: none;
          color: white;
        }
<nav id="menu">
        <div class="conteudo"> <a href="index.jsp">Pagina Principal</a>
       </div>
        <div class="conteudo"> <a href="produtos.jsp">Produtos</a></div>
        <div class="conteudo"><a href="contato.jsp">Contato</a></div>
     </nav>

-2

Para centralizar os itens do menu utilize:

text-align: center;

E para mudar a cor:

color: #ffffff;
1
  • Sua resposta pode ser melhorada adicionando informações fundamentais. Basta editar para adicionar mais detalhes, como citações ou documentação para que outras pessoas possam confirmar que sua resposta está correta. Você pode encontrar mais informações sobre como escrever boas respostas na Central de Ajuda.
    – Comunidade Bot
    Commented 24/11/2022 às 11:48

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .