Como remover Recuos em Bullets em CSS

No projeto de Web, você usar a lista não ordenada - "

" - Tag para criar listas de bala. Por padrão, os navegadores listas de recuo por ambos movendo-os para a direita e colocar o espaço em branco acima e abaixo para enfatizá-las. Você pode remover esses recuos usando uma folha de estilo em cascata, ou CSS, para alterar as propriedades de margem do tag lista desordenada, mas você tem que fazer isso duas vezes para explicar as diferenças entre o Internet Explorer e Firefox. Use uma margem fixa medida em pixels para obter as medições mais precisas.

Abra seu arquivo CSS. Coloque o cursor em uma nova linha no final do arquivo. Digite o seguinte para remover os recuos em uma lista não ordenada:
ul {
```
margin: 0px 0px 0px 0px;
```
}
Isto irá alinhar verticalmente qualquer texto acima ou abaixo uma lista não ordenada com o texto na lista. Os pontos de bala ainda será colocado à esquerda dos itens da lista, mas o travessão será ido. No entanto, isso só funciona com o Internet Explorer. Firefox vai usar esses ajustes, mas eles não remover completamente os travessões a partir de uma lista.
Digite o seguinte para remover os travessões no Firefox:
htmlgt; ul body {
```
margin: -15px 0px 0px -40px;
```
}
Certifique-se de entrar neste abaixo do primeiro "ul" definição. Internet Explorer irá ignorar este por causa da "htmlgt; corpo" introdução, mas o Firefox não vai. Os primeiro e quarto números que fornecem remover a parte superior e deixou o recuo da lista, alinhando o texto com o resto da página, à semelhança do Internet Explorer.
Salve o arquivo CSS e enviá-lo para o servidor. Teste a sua página da Web usando o Internet Explorer e Firefox. Você pode precisar de ajustar os números no arquivo CSS ligeiramente, dependendo do que a família e tamanho da fonte que você usa na sua página Web.

dicas & avisos

Ao definir as margens em um arquivo CSS, os números definem cada uma das margens no sentido horário: superior, direita e inferior e à esquerda. No entanto, você não tem que usar quatro números cada vez se as margens são todos iguais. Por exemplo, "margin: 0px;" fará com que todas as quatro margens nulas pixels. Alternativamente, "margin: 10px, 5px;" irá definir as margens superior e inferior a 10 pixels e à esquerda e à direita a cinco pixels.

De esta maneira? Compartilhar em redes sociais: