li {imagem de estilo de lista: url (imagens/disc.gif);}
Esta definição de estilo de li usa imagens para substituir os pequenos pontos exibidos nos itens da lista. Claro, você também pode exibi-lo com outros efeitos. Consulte a definição abaixo para obter detalhes:
Definição CSS do efeito do item da lista
*list-style-type: círculo (pode ser alterado para o estilo desejado do item da lista);
disco: círculo sólido CSS1
círculo: círculo oco CSS1
quadrado: quadrado sólido CSS1
decimal: algarismos arábicos CSS1
romano inferior: algarismos romanos minúsculos CSS1
Upper-roman: algarismos romanos maiúsculos CSS1
alfa inferior: letras minúsculas em inglês CSS1
alfa superior: letras maiúsculas em inglês CSS1
none: CSS1 não usa marcadores
armênio: algarismos armênios tradicionais CSS2
cjk-ideographic: números ideográficos simples CSS2
georgiano: algarismos georgianos tradicionais CSS2
grego inferior: letras minúsculas gregas básicas CSS2
hebraico: algarismos hebraicos tradicionais CSS2
hiragana: caracteres hiragana japoneses CSS2
hiragana-iroha: sequência Hiragana japonesa CSS2
Katakana: caracteres Katakana japoneses CSS2
katakana-iroha: número de série do katakana japonês CSS2
latim inferior: letras latinas minúsculas CSS2
latim superior: letras latinas maiúsculas CSS2
*list-style-image: url(images/disc.gif); Use image disc.gif em vez de exibir itens da lista
*posição no estilo de lista: fora dentro |
fora: o marcador do item da lista é colocado fora do texto e o texto ao redor não é alinhado de acordo com o marcador
dentro: a tag do item da lista é colocada dentro do texto e o texto ao redor é alinhado de acordo com a tag
hr{borda:1px tracejado #86BCD4;altura:1;}
No código HTML, existem alguns itens especiais, como a barra horizontal hr, que também pode ser definida no gerenciamento de estilos para alterar o efeito de exibição padrão:
Definição CSS de efeito de barra horizontal
BORDER-BOTTOM-STYLE: pontilhado;
BORDA ESQUERDA: pontilhada;
BORDER-RIGHT-STYLE: pontilhado;
altura:1;
largura:100%;
alinhar:esquerda;
cor:#86BCD4;
Sombra: não;
Definição de efeito de linha pontilhada de barra horizontal
borda:1px tracejado #86BCD4; altura: 1;