"Se um trabalhador quiser fazer bem o seu trabalho, ele deve primeiro afiar suas ferramentas." - Confúcio, "Os Analectos de Confúcio. Lu Linggong"
Primeira página > Programação > Como remover o período após os números de lista ordenados em HTML e CSS?

Como remover o período após os números de lista ordenados em HTML e CSS?

Postado em 2025-03-13
Navegar:717

How to Remove the Period After Ordered List Numbers in HTML and CSS?

listas ordenadas em html e css: removendo o período

criando uma lista ordenada sem o período após a possibilidade de números for possível usando CSS. Embora você possa assumir que não é viável, vamos explorar como você pode conseguir isso. Tipo no estilo de lista: nenhum; margem-esquerda: 0; }

para criar números personalizados, use o seguinte código:

ol.custom {
  list-style-type: none;
  margin-left: 0;
}

Isso exibirá números personalizados antes de cada item da lista. Para abordar isso, use uma regra CSS adicional que visa esses navegadores especificamente:

ol.custom > li {
  counter-increment: customlistcounter;
}

ol.custom > li:before {
  content: counter(customlistcounter) " ";
  font-weight: bold;
  float: left;
  width: 3em;
}
Tutorial mais recente Mais>

Isenção de responsabilidade: Todos os recursos fornecidos são parcialmente provenientes da Internet. Se houver qualquer violação de seus direitos autorais ou outros direitos e interesses, explique os motivos detalhados e forneça prova de direitos autorais ou direitos e interesses e envie-a para o e-mail: [email protected]. Nós cuidaremos disso para você o mais rápido possível.

Copyright© 2022 湘ICP备2022001581号-3