O tamanho de um marcador é definido pelo navegador, pela fonte e pelo tamanho da fonte. Embora às vezes você possa aumentar o tamanho da fonte para aumentar o tamanho da marca, uma solução melhor é usar uma imagem como um marcador.
Para alterar um marcador em uma imagem, use CSS em sua página de maneira semelhante ao exemplo a seguir.
ul {estilo de lista: nenhum; } ul li { background: url (// www.computerhope.com/issues/pictures/bullet.gif) no-repeat no canto superior esquerdo; posição de fundo: 0 5px; altura da linha: 1, 5625; preenchimento: 0 0 4px 30px; margin-left: 1em; } No código CSS acima, primeiro definimos o
- tags para mostrar nenhum estilo de lista, que remove o marcador da lista não ordenada. Em seguida, definimos "ul li" para alterar apenas a aparência de
- tags que estão contidas no
- Tag. Na primeira linha desta seção está o plano de fundo, que aponta para a imagem do marcador que estamos usando no exemplo. Todas as outras linhas neste caso estão fornecendo o preenchimento e a margem ao redor do marcador.
Dica: Você também pode criar uma classe CSS se quiser alterar um único marcador ou um grupo selecionado de marcadores em uma lista.
Depois que o código tiver sido criado, qualquer lista não ordenada de HTML usará a figura do marcador como o marcador.
Exemplo de código HTML
- Primeiro exemplo de marcador
- Segundo exemplo de marcador
Resultados do código HTML usando o exemplo CSS
- Primeiro exemplo de marcador
- Segundo exemplo de marcador