Quando HTML primeiro entrou em uso no início de 1990, todas as listas não ordenadas parecia o mesmo, pois foi apenas o símbolo padrão de pontos pretos para usar como um ponto de bala. Com Cascading Style Sheets (CSS), é possível muito mais. As listas podem ser decorados com diferentes formas, uma imagem selecionada pelo usuário ou uma combinação de opções.
Estilos CSS bala padrão
Os estilos de marcadores padrão que você pode escolher no CSS incluem um disco, ou um círculo quadrado ou um-romana inferior, superior-romano, inferior alpha ou caracteres alfa superior. O código para um personagem romano inferior parece com o seguinte:
ul {
list-style-type: lower-roman-}
Para alterar uma lista designado para este estilo, criar uma classe e dar-lhe o atributo inferior romano, como tal:
.ul_new {
list-style-type: lower-roman-}
O código lista iria aparecer no corpo do documento, tais como:
- primeira bala
Styling através posição bala
Você também pode alterar a posição da bala, alterando se ele está recuado ou outdented.
Este código agora está escrito:
.ul_new {
list-style-type: lower-roman;list-style-position: interior-
}
Isso é útil quando você quer a bala em linha com outros tipos de conteúdo (para dentro).
Alterando o modelo com uma outra imagem
A forma mais controlada para obter a aparência exata do ponto de bala é usar a sua própria imagem bala pré-concebidas. Verifique se a imagem é pequena o suficiente para ser um ponto de bala, como imagens maiores podem jogar a página formatação off. O código seria algo parecido com isto:
ul {
list-style-image: url (http: //locationoffile/nameoffile.jpg) -}
O URL aponta para a localização da imagem armazenada no servidor.
em HTML
Se você quiser alterar diretamente a lista no HTML, especificar o estilo de lista em cada ponto de bala:
- text 1
- text2
A maneira mais rápida é através de CSS.
Como aumentar o tamanho do marcador no microsoft word 2007
Como fazer com que cada ponto de bala aparecer individualmente em powerpoint
Como fazer um símbolo de marcador no acesso