Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

[Dúvida] Como colocar marcadores de texto

como faço para colocar os marcadores de textos, como a lista não ordenada, para deixar alguns itens como tópicos no HTML ou CSS? Exemplo:

  • Terapia Psicanalítica Freudiana
  • Atendimento para adultos, adolescentes e casais
  • Sessão Online e presencial

no caso gostaria de usar a bolinha º e não o asterisco *

2 respostas
solução!

Olá Rafael, tudo bem?

Para criar uma lista não ordenada com marcadores diferentes do padrão, você pode utilizar a propriedade "list-style-type" do CSS. Essa propriedade permite definir o tipo de marcador que será utilizado na lista.

No seu caso, para utilizar a bolinha º, você pode adicionar o seguinte código CSS:

ul {
  list-style-type: circle;
}

Esse código irá definir que todas as listas não ordenadas (ul) terão marcadores circulares.

Caso queira utilizar outro tipo de marcador, basta alterar o valor da propriedade "list-style-type". Por exemplo, para utilizar quadrados como marcadores, você pode utilizar o seguinte código:

ul {
  list-style-type: square;
}

Você pode ver mais exemplos aqui na documentação.

Um abraço e bons estudos.

Obrigado pela luz Lorena.

no HTML eu escrevi assim:

<p > <ul class="topicos">
        <li>Terapia Psicanalítica Freudiana</li>
        <li>Atendimento para adultos, adolescentes e casais</li>
        <li>Sessão Online e presencial</li>
      </ul> </p>

enquanto no CSS escrevi

ul.topicos {
    list-style-type: disc;
    font-size: 22px;
    font-weight: 500;
    font-family: 'Wix Madefor Display', sans-serif; 
    text-align: left;
}

coloquei o disc porque vem com aquela bolinha preta, no circle, só vai a bolinha com contorno