В этой статье мы расскажем о том, как задать цвет маркерам списка, а так же о том, как задать различный цвет для текста пунктов списка и маркеров.
Изменение цвета маркеров
Для этого нужно задавать цвет для тэга <li>, вместе с ним будет меняться и цвет маркера. Не смотря на очевидность данного вопроса - не все это понимают, так как чаще всего списки используются, как меню и стиль задают внутреннему тэгу <a>.
Пример изменения цвета:
Вот как это будет выглядеть:
- Радость
- Блаженство
- Наслаждение
Различный цвет для маркеров и текста списка
В данном случае мы расскажем о способе без использования JS, а только на HTML и CSS.
Суть заключается в том, чтобы оборачивать текст в ещё один тэг, например - <span>, и добавить стиль для него. Вот как это будет выглядеть:
В итоге:
- Радость
- Блаженство
- Наслаждение
У этого способа много недостатков, но это всё, что можно сделать посредствам HTML и CSS.
Добавить комментарий
Авторизоваться с помощью: