li {imagen-estilo-lista: url(imagenes/disco.gif);}
Esta definición de estilo de li utiliza imágenes para reemplazar los pequeños puntos mostrados en los elementos de la lista. Por supuesto, también puede mostrarlo con otros efectos. Consulte la definición a continuación para obtener más detalles:
Definición CSS de efecto de elemento de lista
*list-style-type: círculo (se puede cambiar al estilo que desee);
disco: círculo sólido CSS1
círculo: círculo hueco CSS1
cuadrado: CSS1 cuadrado sólido
decimal: CSS1 números arábigos
low-roman: CSS1 números romanos en minúscula
Upper-roman: CSS1 números romanos en mayúsculas
lower-alpha: letras inglesas minúsculas CSS1
Upper-alpha: CSS1 letras mayúsculas en inglés
none: CSS1 no usa viñetas
armenio: CSS2 números armenios tradicionales
cjk-ideographic: números ideográficos simples CSS2
georgiano: CSS2 números tradicionales georgianos
griego inferior: letras minúsculas griegas básicas CSS2
hebreo: CSS2 números hebreos tradicionales
hiragana: caracteres hiragana japoneses CSS2
hiragana-iroha: secuencia hiragana japonesa CSS2
katakana: caracteres katakana japoneses CSS2
katakana-iroha: número de serie del katakana japonés CSS2
lower-latin: letras latinas minúsculas CSS2
Upper-latin: letras latinas mayúsculas CSS2
*list-style-image: url(images/disc.gif); Utilice image disc.gif en lugar de mostrar elementos de la lista;
*posición-estilo-lista: exterior, interior |
exterior: el marcador del elemento de la lista se coloca fuera del texto y el texto circundante no está alineado según el marcador
inside: la etiqueta del elemento de la lista se coloca dentro del texto y el texto circundante se alinea de acuerdo con la etiqueta.
hr{borde:1px discontinuo #86BCD4; altura:1;}
En el código HTML, hay algunos elementos especiales, como la barra horizontal hr, que también se puede definir en la gestión de estilos para cambiar el efecto de visualización predeterminado:
Definición CSS de efecto de barra horizontal
ESTILO DE BORDE INFERIOR: punteado;
ESTILO DE BORDE IZQUIERDO: punteado;
ESTILO DE BORDE DERECHO: punteado; ESTILO SUPERIOR DE BORDE: punteado;
altura: 1;
ancho: 100%;
alinear: izquierda;
color:#86BCD4;
Sombra: no;
Definición del efecto de línea punteada de barra horizontal
borde: 1px discontinuo #86BCD4; altura: 1;