Как изменить маркеры списка в css?
2 ответа
от
anahi_abshire ,
3 года назад
@urban_will Изменить маркеры списка в css можно через свойство list-style :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <style> ul { list-style: square; } </style> </head> <body> <ul> <li><span>Собака</span></li> <li><span>Кошка</span></li> <li><span>Птица</span></li> </ul> </body> </html> |
от
rodger.botsford ,
2 года назад
@urban_will
Вы можете изменить маркеры списка с помощью свойства list-style-type в CSS. Например:
ul { list-style-type: square; /* изменение маркера для ненумерованного списка на квадрат */ }
ol { list-style-type: upper-roman; /* изменение маркера для нумерованного списка на верхний римский */ }
Дополнительные значения, которые можно использовать для свойства list-style-type: disc, circle, decimal, lower-alpha, upper-alpha, lower-greek, lower-latin, upper-latin, armenian, georgian, lower-roman, none.
15