2
respostas

tem umas bolinhas na minha lista no Google Chrome, como tirar?

tem umas bolinhas na minha lista no Google Chrome, como tirar?

    <h2>Benefícios</h2>
    <ul>
        <li>* Atendimento aos Clientes</li>
        <li>* Espaço diferenciado</li>
        <li>* Localização</li>
        <li>* Profissionais Qualificados</li>
    </ul>

BolinhasGrato.

2 respostas

Olá Caio,

No arquivo de estilos, junto a classe da listagem coloque:

text-decoration: none;

Você vai precisar criar um estilo para remover o list-style dessa lista

Primeira possibilidade estilo inline

Dessa forma você vai resetar o list style, inclusive pode usar outras propriedades no list-style

<h2>Benefícios</h2>
<ul style="list-style: none">
    <li>* Atendimento aos Clientes</li>
    <li>* Espaço diferenciado</li>
    <li>* Localização</li>
    <li>* Profissionais Qualificados</li>
</ul>

Segunda possibilidade com css externo e class

Seu css pode ser importado de um arquivo.

<style>
.lista {
    list-style: none;
}
</style>

<h2>Benefícios</h2>
<ul class="lista">
    <li>* Atendimento aos Clientes</li>
    <li>* Espaço diferenciado</li>
    <li>* Localização</li>
    <li>* Profissionais Qualificados</li>
</ul>

Referências

Veja essas documentações e artigos sobre os estilos de lista ul não ordenada, ol lista ordenada

Você também pode criar esse * de uma forma mais simples ao inves de replicar no HTML

Pode até usar imagens se quiser sem precisar repetir no HTML

__ Espero ter ajudado e bons estudos