li {список-стиль-изображений: URL(images/disc.gif);}
В этом определении стиля li используются изображения для замены отображаемых маленьких точек для элементов списка. Конечно, вы также можете отображать его с другими эффектами. Подробную информацию см. в определении ниже:
CSS-определение эффекта элемента списка
*list-style-type: круг (можно изменить на желаемый стиль элемента списка);
диск: сплошной круг CSS1
круг: полый круг CSS1
квадрат: сплошной квадрат CSS1.
десятичное число: арабские цифры CSS1.
нижний римский: строчные римские цифры CSS1
Upper-Roman: римские цифры CSS1 в верхнем регистре.
нижняя альфа: строчные английские буквы CSS1
Upper-Alpha: CSS1 прописные английские буквы
none: CSS1 не использует маркеры.
армянский: традиционные армянские цифры CSS2.
cjk-ideographic: Простые идеографические числа CSS2
грузинский: традиционные грузинские цифры CSS2.
нижний греческий: базовые греческие строчные буквы CSS2.
иврит: традиционные еврейские цифры CSS2.
hiragana: CSS2 японские символы хираганы.
hiragana-iroha: CSS2 последовательность японской хираганы
катакана: CSS2 японские символы катаканы.
катакана-ироха: серийный номер японской катаканы CSS2.
нижняя латиница: строчные латинские буквы CSS2
Upper-latin: прописные латинские буквы CSS2.
*list-style-image: url(images/disc.gif); Используйте изображение disk.gif вместо отображения элементов списка.
*list-style-position : снаружи внутри |
снаружи: маркер элемента списка размещается за пределами текста, а окружающий текст не выравнивается в соответствии с маркером.
внутри: тег элемента списка помещается внутри текста, а окружающий текст выравнивается в соответствии с тегом.
hr{border:1px пунктирный #86BCD4 высота:1;}
В HTML-коде есть некоторые специальные элементы, такие как горизонтальная полоса hr, которую также можно определить в управлении стилями, чтобы изменить эффект отображения по умолчанию:
CSS-определение эффекта горизонтальной полосы
ГРАНИЦА-НИЖНЯЯ СТИЛЬ: пунктирная;
ГРАНИЦА-ЛЕВЫЙ-СТИЛЬ: пунктир;
BORDER-RIGHT-STYLE: пунктирный;
высота:1;
ширина: 100%;
выровнять: по левому краю;
цвет: #86BCD4;
Тень: нет;
Определение эффекта пунктирной линии горизонтальной полосы
граница: 1 пиксель пунктирный #86BCD4 высота: 1;